SkillSprout Design System
Welcome to the component library. This space is used to showcase all the reusable UI blocks, typography scales, colors, and layout patterns we use to rapidly build landing pages, SEO-friendly pages, and the core app experience.
Why a Component Library?
Having a centralized UI library ensures that we maintain a consistent brand aesthetic (friendly, rounded, vibrant, and fun) across the entire product. Use the sidebar to explore individual foundations and components.
- Consistency: Ensures standard button heights, padding, and hover states.
- Rapid Development: Drop a card or badge directly into a new feature without writing new Tailwind classes.
- Communication: Provides a shared vocabulary for designers and engineers when talking about UI.