Sign in
Building the active indicator

Watch everything for $29/month.

Join Build UI Pro

Building the active indicator

Use groups to style child elements based on an ancestor's pseudostate.

Tailwind Mastery

11 lessons · 1:09:04

  1. 1A taste of Tailwind9:08
  2. 2Scaffolding a multipanel layout7:47
  3. 3Making nested panels scrollable4:59
  4. 4Customizing colors3:32
  5. 5Adding custom fonts6:44
  6. 6Building a server selector with SVG5:49
  7. 7Transitioning rounded corners4:29
  8. 8Styling active links5:08
  9. 9Building the active indicator11:23
  10. 10Eliminating duplication with components10:05

  11. 11Building the server headerComing soon

Join Build UI Pro to access this lesson's summary and source code.

Join Build UI Pro

Watch every video, support our work, and get exclusive perks!

Build UI is the new home for all our ideas. It will eventually have hundreds of premium videos and a thriving community, but right now it's the early days.

If you like what you see and you've ever wanted to support our work, subscribe today and start enjoying all the perks of becoming a member!

$29/month

Watch everything. Cancel anytime.

What you'll get as a Build UI Pro member

Full access to all Build UI videos

Get full access to all of our premium video content, updated monthly.

Private Discord

Ask questions and get answers from Sam, Ryan and other pro members.

Video summaries with code snippets

Easily reference videos with text summaries and copyable code snippets.

Source code

View the source code for every video, right on GitHub.

Invoices and receipts

Get reimbursed from your employer for becoming a better coder!