Shadcn/UI Components Demo

Your Shadcn/UI setup is complete! Here are some example components.

Button Variants

Different button styles

Button Sizes

Different button sizes

Form Components

Input and label examples

Name

Password

Welcome to Ganba

Track your goals, habits, and tasks with a beautiful UI

Shadcn/UI is now fully integrated into your project. You can start building your features with these accessible, customizable components. All components are located in src/components/ui/

What's Next?

Add More Components

Visit the Shadcn/UI website to copy more components:

• Dialog / Modal
• Dropdown Menu
• Tabs
• Accordion
• And 40+ more components!

Customize Your Theme

Edit the CSS variables in globals.css to customize your color scheme. Toggle between light and dark modes by adding the dark class to the HTML element.