Master the art of creating UI component libraries by building your own shadcn/ui alternative. Learn design systems, craft beautiful neomorphic components with Tailwind CSS and Base UI, and ship a complete registry that developers can install with a single command.
1:28s
Duration
4
Modules
27
Videos

Lesson 1
1.Project Setup

Lesson 2
2.Layers and Colors

Lesson 3
3.CVA and twMerge

Lesson 4
4.Creating our button

Lesson 5
5.Dark Mode

Lesson 6
6.Effect Adjustments

Lesson 7
7.Card Component

Lesson 8
8.Switch Component

Lesson 9
9.Checkbox Component

Lesson 10
10.Slider Component

Lesson 11
11.Dynamic Progress Bar

Lesson 12
12.Finalizing the effect

Lesson 13
13.Input Component

Lesson 14
14.Props Render

Lesson 15
15.Tabs Component
What You'll Build
A complete UI library featuring beautiful neomorphic components, complete with your own component registry for easy distribution.
Learn how to create a production-ready component library with neomorphic design like building your own shadcn/ui, but with Tailwind CSS and Base UI.
Tech Stack
- Tailwind CSS - Utility-first styling
- Base UI - Headless component primitives
- Neomorphic Design - Modern, tactile interfaces
Course Structure
Chapter 1: Design Systems Foundation
Explore the evolution of design systems—from flat design to neobrutalism, liquid glass, and neomorphism. Understand how Tailwind CSS and Base UI work together to create flexible, accessible components.
Chapter 2: Component Architecture
Build core components from scratch: buttons, cards, inputs, and sliders. Learn composition patterns and how to create a cohesive design language with neomorphic styling.
Chapter 3: Real-World Patterns
Combine your components into practical UI blocks like music players, signup forms, and feature grids. Create a showcase that demonstrates your library's capabilities.
Chapter 4: Component Registry
Ship your library like the pros. Build a custom registry system that lets developers add your components to their projects with a simple npx
command—just like shadcn/ui.

- Lifetime access to this course
- Github source code
- Course duration 1:28s
- English Closed Captions
- Monthly subscription
$6.99USD/month
Cancel anytime