Unlock with membership
Buy nowStyling active links
Conditionally apply classes to target different application states.
21 lessons · 2:29:34
- 1A taste of Tailwind9:08
- 2Scaffolding a multipanel layout7:47
- Making nested panels scrollable4:59
- Customizing colors3:32
- Adding custom fonts6:44
- Building a server selector with SVG5:49
- Transitioning rounded corners4:29
- Styling active links5:08
- Building the active indicator11:23
- Eliminating duplication with components10:05
- Building the server header7:17
- Styling the channel list7:17
- Dynamic categories and channels12:35
- Styling the active channel9:01
- Using a state variable to style unread channels7:28
- Animated collapsible categories4:55
- Controlling layout with truncated text8:25
- Using the forms plugin to style the search box6:01
- Styling dynamic messages with components7:03
- Dynamic server and channel links3:21
- Hiding desktop navigation on mobile screens7:07
Buy this course to access this lesson's summary and source code.
Buy Tailwind Mastery
Buy the course
$199one-time payment
Get everything in Tailwind Mastery.
- 2+ hours of video
- 21 lessons
- Private Discord
- Summaries with code
- Unlimited access to course materials
Lifetime membership
Get lifetime access to every Build UI course, including Tailwind Mastery, forever.
- Access to all five Build UI courses
- Full access to all future Build UI courses
- New videos added regularly
- Refactoring videos on React
- Private Discord
- Summaries with code
What's included
Stream or download every video
Watch every lesson directly on Build UI, or download them to watch offline at any time.
Live code demos
Access to a live demo of each lesson that runs directly in your browser.
Private Discord
Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.
Video summaries with code snippets
Quickly reference a lesson's material with text summaries and copyable code snippets.
Source code
Each lesson comes with a GitHub repo that includes a diff of the source code.
Invoices and receipts
Get reimbursed from your employer for becoming a better coder!