All
Search
Images
Videos
Shorts
Maps
News
More
Shopping
Flights
Travel
Notebook
Report an inappropriate content
Please select one of the options below.
Not Relevant
Offensive
Adult
Child Sexual Abuse
Length
All
Short (less than 5 minutes)
Medium (5-20 minutes)
Long (more than 20 minutes)
Date
All
Past 24 hours
Past week
Past month
Past year
Resolution
All
Lower than 360p
360p or higher
480p or higher
720p or higher
1080p or higher
Source
All
Dailymotion
Vimeo
Metacafe
Hulu
VEVO
Myspace
MTV
CBS
Fox
CNN
MSN
Price
All
Free
Paid
Clear filters
SafeSearch:
Moderate
Strict
Moderate (default)
Off
Filter
modeling-languages.com
AI-based tools to transform interface design mockups into ready-to-use UI code
None of us enjoys wasting time aligning HTML/CSS elements. A tool able to take our rough handmade sketches and transform them into actual UI code is almost a dream come true. Let's see how close we are to this goal.
Jan 25, 2022
CodePen Projects
Collab Mode
codepen.io
Nov 21, 2012
Exporting Pens
codepen.io
Aug 15, 2013
Creating a Project Template
codepen.io
Mar 20, 2017
Top videos
What is User Interface (UI) Design?
interaction-design.org
Jan 1, 2009
UI / UX Design Tutorial – From Zero to Hero with Wireframe + Prototype + Design in Figma
freecodecamp.org
Feb 10, 2021
41:31
From Prototype UI Design to HTML, CSS & JS Tutorial
YouTube
DesignCourse
181.1K views
Sep 5, 2019
CodePen Challenges
The 9 Best Codepens for Summer - Shopify
shopify.com
Jul 4, 2019
Moving Lines/Blocks of Code with Option ⬆️ and ⬇️
codepen.io
May 5, 2021
10 ReactJS Coding Challenge (💥Coding Interview Prep💥)
dev.to
1 month ago
What is User Interface (UI) Design?
Jan 1, 2009
interaction-design.org
UI / UX Design Tutorial – From Zero to Hero with Wireframe + Prototyp
…
Feb 10, 2021
freecodecamp.org
41:31
From Prototype UI Design to HTML, CSS & JS Tutorial
181.1K views
Sep 5, 2019
YouTube
DesignCourse
1:43
Introducing AutoGen Studio from Microsoft Research
Jun 17, 2024
Microsoft
Brenda Potts
12:30
OpenUI: Build UI Components Easily! Screenshot + Text-To-Cod
…
33.7K views
Apr 2, 2024
YouTube
WorldofAI
6:57
Best Tools to Convert UI to Code Instantly! | Design Essentials
143.1K views
Jun 11, 2020
YouTube
Punit Chawla
13:12
Program Claude Code to be your new UI Designer (+ works with an
…
53.6K views
8 months ago
YouTube
AI LABS
1:57:06
Build and Deploy a Fully Responsive Modern UI/UX Websit
…
420.2K views
Oct 13, 2023
YouTube
JavaScript Mastery
17:40
Create UI ANIMATIONS without ❌CODING❌! - Unity UI tutorial
179.2K views
Mar 24, 2021
YouTube
Coco Code
5:29
Simple UI Setup (Unity Tutorial for Beginners)
162.1K views
Jul 27, 2018
YouTube
Code Monkey
35:05
Create Custom Interactable UI (UEFN & Verse Tutorial)
18.1K views
May 29, 2024
YouTube
Map Academy
9:34
Claude Code-UI: The ULTIMATE Web UI for Using Claude Code AN
…
3.2K views
7 months ago
YouTube
Code With Nathan
12:36
How to Build ACTUALLY Beautiful UI in With This Claude Code Skill
106.9K views
3 months ago
YouTube
Build Great Products
2:43:47
Build Stunning UIs with This New Library | Skiper UI Full Project Tut
…
84.7K views
7 months ago
YouTube
Sheryians Coding School
8:21
Create Beautiful UI with Claude Code
51.2K views
7 months ago
YouTube
Developers Digest
8:01
Claude Code Web-UI: This is THE BEST Web UI for USING Claude C
…
23.3K views
7 months ago
YouTube
AICodeKing
14:17
Customizing VS Code's UI for Productivity
70.2K views
Sep 12, 2024
YouTube
Visual Studio Code
10:02
Gemini-UI-To-Code: AI Develops Frontend - UI Generator (Opensou
…
22.5K views
Jun 20, 2024
YouTube
WorldofAI
11:50:37
UI/UX Design Course For Beginners | UI/UX Design Tutorial For Beginn
…
217.6K views
Jun 17, 2022
YouTube
Nerd's Academy
22:18
Unity UI Toolkit Beginner's Guide 1: Layout & Style
87K views
Aug 6, 2023
YouTube
Hj
1:15:50
UI Design a Smart Home app in Figma - Full Course
210.9K views
Mar 29, 2022
YouTube
DesignCode
8:03
Google's Gemini Designer: Build REAL Functional UIs with Google'
…
14.8K views
6 months ago
YouTube
AICodeKing
28:47
I Built An App UI/UX Design Using ONLY AI! (In 30 Minutes) 🤖💻 | Saptars
…
127.7K views
Nov 7, 2024
YouTube
Saptarshi Prakash
11:33
How to make UI in UNITY - EASY TUTORIAL
568K views
Jul 16, 2018
YouTube
Blackthornprod
9:10
Add Fluent UI with Acrylic effect in Visual Studio Code! | Make your V
…
41.4K views
Oct 14, 2022
YouTube
Agam's Tech Tricks
31:38
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
1.4M views
Jan 12, 2023
YouTube
Rino de Boer
6:13:31
Design 101 Crash Course: Learn UX/UI Design, Figma (6 HOURS!) |
…
374.3K views
Mar 3, 2023
YouTube
Zero To Mastery
29:59
Turn Claude Code into Your Own INCREDIBLE UI Designer (using Pl
…
277.6K views
6 months ago
YouTube
Patrick Ellis
2:55
What Is User Interface (UI)?
50.9K views
Aug 16, 2022
YouTube
Codecademy
See more videos
More like this
Feedback