Build Modern Interfaces Faster
A collection of beautiful components and effects for React. Copy the code, customize it, ship to production.
npx shadcn@latest add @gooseui/buttoninput.tsxtheme.tsxsliding-number.tsxcheckbox.tsxEverything for Modern Development
Components that save time and help you build quality products
Animations & Effects
Border Beam, text effects and other animations for attractive interfaces
Instant Installation
One CLI command — and the component is in your project. No package dependencies
Full Control
Code is copied to your project. Modify anything without restrictions
Flexible Styling
Tailwind CSS and CSS variables for easy customization to match your brand
Ready-made Blocks
Sections for landing pages, forms, cards — assemble pages like building blocks
shadcn CLI
Full compatibility with shadcn CLI. Use familiar commands
Component Library
Premium UI components and effects for modern React apps
Digital Clock
NewMorphing Dialog
NewSwiss Alps
Click to expand
Toast Notifications
Success
Changes saved successfully
Info
New update available
Badge
Baseline Status
NewScroll To Top
NewFAQ
Answers to common questions about GooseUI
GooseUI is an open-source library of React components built on top of shadcn/ui. Components are copied into your project, giving you full control over the code.
Use shadcn CLI: npx shadcn@latest add @gooseui/button. The component will be added to the components/ui folder of your project.
Yes, completely. Components use Tailwind CSS and CSS variables. You can change any styles since the code is in your project.
React, TypeScript, Tailwind CSS, Radix UI for accessibility, and CSS variables for theming. All modern and well-maintained.
Yes, GooseUI is completely free and open source. Use it in personal and commercial projects without restrictions.
Yes, GooseUI is built on the same architecture as shadcn/ui. You can use components from both libraries in one project.
Ready to Get Started?
Add your first component to your project right now