Step into the role of a professional developer
Build fully functional projects while mastering Figma and tackling real-world UI challenges. Enhance your skills, refine your design eye, and elevate your career with hands-on experience.
10+ CSS Daily puzzles
A fresh CSS coding challenge every day. Match the target design with pure CSS, track your pixel-match score, build a streak, and climb the leaderboard. Pro unlocks the full archive of past dailies so you can practice any time you want.
16+ Portfolio worthy projects
Our pro projects offer in-depth practice opportunities that closely replicate a professional work setting. They are outstanding portfolio additions, sure to capture the attention of any employer.
360+ Figma design files
As a professional developer, you will frequently work with designs made in Figma. Familiarizing yourself with Figma can equip you with essential experience for a professional work setting, allowing you to excel from the very beginning of your job.
340+ design to code challenges
Tackle more than 340 skill-enhancing design-to-code challenges. Each challenge is meticulously crafted to hone your abilities and highlight your expertise.
Practice like a professional
Choose a plan that's right for you.
Free
Basic functionality
$0 / month
Free ForeverIntegrated Browser IDE
Today's CSS Daily challenge
Current weekly design to code challenge
Professionally designed projects
Pro
Pro Projects and features
$5 / month
All Free features
Full CSS Daily archive — every past puzzle
340+ design to code challenges
16+ Professionally designed premium projects
360+ Figma design files
Unlimited screenshot generations
Pro Badge