UI Basics

What it does

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.

Learn how to build beautiful user interfaces with Tailwind CSS. 16 levels with 200+ puzzles that teach you all the CSS you need.

• 
  Interactive Tailwind2024 · interactive-tailwind.com · ▲153

  Hey HN! I’m excited to share the revamped version of Interactive Tailwind, a hands-on platform designed to help developers learn Tailwind CSS through practical exercises. Our initial launch on Product Hunt was well-received, and after gathering feedback and seeing how much users enjoyed it, we decided to take things further. Here’s what’s new in this version: - Revamped learning structure: We’ve revisited the order of levels to make the learning journey smoother and more intuitive. - Background music: For a more enjoyable coding atmosphere. - Fresh design: Cleaner UI to make the experience…

• 
  Tailwind CSS2017 · tailwindcss.com · ▲420

  A utility-first CSS framework for rapid UI development

• 
  Razor UI2021 · razorui.com · ▲114

  A cutting edge UI kit for Tailwind CSS

• 
  Tailwind CSS Play2020 · play.tailwindcss.com · ▲465

  An advanced online playground for Tailwind CSS

• 
  SaaS Blocks for Tailwind2021 · saasblocks.app · ▲371

  Tailwind-based UI kit to make your next SaaS website

• 
  30DaysOfTailwindCSS2021 · ▲262

  Keep yourself accountable while learning TailwindCSS

• 
  SimCity, but with Permits▲914

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 2d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 14d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 15d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 9d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 13d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 23d ago · space.bl2.net

• 
  Wispr Flow▲2,732

  Speak naturally, write perfectly & 3x faster in every app

  AI · 2024 · wisprflow.ai

• 
  Pathway▲1,335

  Get user insights 10x faster

  Work · 2024 · wynde.io

• 
  BeforeSunset AI 2.0▲1,267

  Personalized AI daily planning that suits your life

  AI · 2024 · beforesunset.ai

• 
  Osmos▲1,194

  Match with like-minded professionals for 1:1 conversations

  Growth · 2024

• 
  Carrot Care▲1,168

  Understand & optimise your bloodwork

  Life & fun · 2024 · carrotcare.health

• 
  Polar▲1,167

  An open source monetization platform for developers

  Dev tools · 2024 · polar.sh