Building a server selector with SVG
See how to maintain a utility-first workflow when styling icons by working with inline SVG elements.
11 lessons · 1:09:04
- 1A taste of Tailwind9:08
- 2Scaffolding a multipanel layout7:47
- 3Making nested panels scrollable4:59
- 4Customizing colors3:32
- 5Adding custom fonts6:44
- 6Building a server selector with SVG5:49
- 7Transitioning rounded corners4:29
- 8Styling active links5:08
- 9Building the active indicator11:23
- 10Eliminating duplication with components10:05
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!
Watch everything for $29/month. 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.
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.
View the source code for every video, right on GitHub.
Invoices and receipts
Get reimbursed from your employer for becoming a better coder!