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
What is UI design? A complete guide for 2025 - UX Design Institute
uxdesigninstitute.com
May 9, 2024
1:43
Introducing AutoGen Studio from Microsoft Research
Microsoft
Brenda Potts
Jun 17, 2024
CodePen Challenges
10 ReactJS Coding Challenge (💥Coding Interview Prep💥)
dev.to
1 month ago
15:06
Debugging vertical centering nightmares: Live problem-solving #learncss #cssinhindi #webdevelopment
YouTube
Webcasata
4 views
4 months ago
0:11
Thriving in the CodePen Developer Community
YouTube
Edson Blasie
16 views
2 months ago
What is User Interface (UI) Design?
Jan 1, 2009
interaction-design.org
What is UI design? A complete guide for 2025 - UX Design Institute
May 9, 2024
uxdesigninstitute.com
1:43
Introducing AutoGen Studio from Microsoft Research
Jun 17, 2024
Microsoft
Brenda Potts
6:57
Best Tools to Convert UI to Code Instantly! | Design Essentials
143.1K views
Jun 11, 2020
YouTube
Punit Chawla
1:57:06
Build and Deploy a Fully Responsive Modern UI/UX Websit
…
420.2K views
Oct 13, 2023
YouTube
JavaScript Mastery
1:09:45
The 2020 UI Design Fundamentals Crash Course (INTERACTIVE)
170.1K views
Jan 28, 2020
YouTube
DesignCourse
UI / UX Design Tutorial – From Zero to Hero with Wireframe + Prototyp
…
Feb 10, 2021
freecodecamp.org
12:36
How to Build ACTUALLY Beautiful UI in With This Claude Code Skill
102.1K views
3 months ago
YouTube
Build Great Products
45:44
🤖 Build AI Chatbot in React JS & CSS | React JS Chatbot Tutorial
80.6K views
Nov 27, 2024
YouTube
CodingNepal
3:59
how to create website using AI | webdesign with chatgpt & leonard
…
504.3K views
Jun 13, 2023
YouTube
SuccessPursuitZone
44:17
I've done over 10,000 prompts - 44-min tutorial on how to generate UI
174.3K views
9 months ago
YouTube
DesignCode
13:12
Program Claude Code to be your new UI Designer (+ works with an
…
53.6K views
8 months ago
YouTube
AI LABS
3:08:15
UI/UX Design Full Course for Beginners 2025 | Lets Uncover
283.2K views
9 months ago
YouTube
Lets Uncover
8:23
6 Stages of UI Design
209.6K views
Jul 21, 2021
YouTube
DesignerUp
11:48:41
SwiftUI Fundamentals | FULL COURSE | Beginner Friendly
585.1K views
Sep 6, 2023
YouTube
Sean Allen
28:47
I Built An App UI/UX Design Using ONLY AI! (In 30 Minutes) 🤖💻 | Saptars
…
127.4K views
Nov 7, 2024
YouTube
Saptarshi Prakash
1:16:53
Web / Desktop App UI Design in Figma - Full Course
1.4M views
Jun 8, 2022
YouTube
DesignCode
29:36
Modern Flat UI, Random MultiColor, Highlight button-Active Form, Win
…
1.1M views
Dec 13, 2019
YouTube
RJ Code Advance
29:59
Turn Claude Code into Your Own INCREDIBLE UI Designer (using Pl
…
277.6K views
6 months ago
YouTube
Patrick Ellis
14:40
How to develop Mobile APP UI using AI for FREE and then implement t
…
23.2K views
5 months ago
YouTube
The Metaverse Guy
27:54
UI Toolkit Primer - Build UIs like a Programmer
66.3K views
Aug 29, 2023
YouTube
Tarodev
1:20:53
UI Design for Beginners | FREE COURSE
186.4K views
Nov 30, 2022
YouTube
Envato Tuts+
3:19
UI Design Tutorial For Beginners
153.1K views
Oct 15, 2019
YouTube
Antony Conboy
9:34
Claude Code-UI: The ULTIMATE Web UI for Using Claude Code AN
…
3.2K views
6 months ago
YouTube
Code With Nathan
8:21
Create Beautiful UI with Claude Code
51.2K views
7 months ago
YouTube
Developers Digest
10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2025)
…
Dec 15, 2021
designlab.com
6:43:45
PySpark Full Course | Basic to Advanced Optimization with Spar
…
71K views
Dec 20, 2024
YouTube
Ease With Data
0:31
What Is UI? | User Interface Design Explained In 1 Minute | UI Design
…
5.8K views
Mar 18, 2022
YouTube
Simplilearn
7:52
Windows UI 3 : WinUI 3 Gallery | Fluent UI
39.1K views
Jul 17, 2022
YouTube
VectoArt
See more videos
More like this
Feedback