Curators
Submit
Wall of ❤︎
X
LinkedIn
Instagram
Resources for Coding
56 resources
Figma
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)Creator Fund
Artificial Intelligence
Fal AI – Generative media platform for developers
Figma
HtmlGenerator – Convert Figma selections into HTML/CSS/assets
Figma
Structure – HTML & SASS code generator
Learning
Overflow Clip – Learn how overflow: clip works in CSS
UI Design
Spektra – Gradient Generator
Inspiration
WebPortfolios – Browse Developer Portfolios to Kickstart Your Own
Learning
Martian Chronicles – Evil Martians’ team blog
Learning
The Coding Train – Beginner-friendly tutorials and projects
Learning
Style Dictionary – Design Tokens
Learning
Practical Accessibility for web designers and developers
Learning
Courses – Motion for React (Prev Framer Motion)
Figma
Tailwind Sync – a tool box that bridges Figma variables and Tailwind code
Framer
MotionNumber for Framer Motion
Learning
iamsteve • design & code blog
Web3
Reown – The onchain UX platform
Design Systems
Style Dictionary – Export your Design Tokens to any platform
Learning
Inside Design Tokens: Definitions & Traits
Learning
Frontend Developer Roadmap
Tutorials
HTML & CSS: A Quick and Easy Introduction for Absolute Beginners
Tutorials
Intro to HTML CSS – Webflow University Documentation
Learning
HTML And CSS: What Every Designer Needs To Know
Tutorials
HTML & CSS tips for beginners
Tutorials
Learn flexbox the easy way
Tutorials
HTML and CSS for Beginners Part 1: Introduction to HTML
Tutorials
Traversy Media – HTML & CSS
Learning
How to Code a Responsive Portfolio Website
Learning
10 lifesaving HTML/CSS tricks for designers
Learning
Mastering Layout Magic: The Essential Guide to Flexbox and CSS Grid for UI Designers
Learning
Blueprint: HTML and CSS for Digital Product Designers
1
2
→
