UI Basics

UI Basics

Learn to build beautiful UIs with Tailwind CSS

14 followers

Solve interactive coding puzzles and learn the ins and outs of UI Styling. 16 levels, 200+ challenges, and many CSS tricks to pick up along the way.
UI Basics gallery image
UI Basics gallery image
UI Basics gallery image
Payment Required
Launch tags:Educationβ€’Online Learningβ€’Web Design
Launch Team / Built With
AssemblyAI
AssemblyAI
Build voice AI apps with a single API
Promoted

What do you think? …

Gabriel Heinrich
Maker
πŸ“Œ
Hello everyone! I'm Gabriel, I am a coding instructor and indie developer and excited to let you know about a learning plattform I've build. Being able to design and build UIs with Tailwind CSS has proven to be one of the most useful skills I have. So as a coding instructor, I was naturally looking for a reliable way for my students to become fluent in Tailwind as well. My requirements were: They spend all their time writing code while getting instant visual feedback on what they are doing and I can smoothly guide them through all the many real-world scenarios they have to master to be prepared when they start building their own designs. The result is a game-like learning experience with a custom in browser editor and a total of 16 levels of Tailwind CSS challenges. And I am super happy it's finally time to share it with a broader audience. Thank you for taking a look and I'm looking forward to your feedback! Gabriel
AndrΓ© Kovac
Very nice learning platform! The instant view of both, my own work and the solution right next to each other is a wonderful idea. It is visually very appealing and I love the adjustable size of the screen. I also like the that you can directly look at the respective Tailwind Documentation. Having a few examples per exercise removes all obstacles and one can directly interact with them. Well done! πŸ‘