GooseUI

A modern, beautiful component library for React and Next.js. Built on top of shadcn/ui with custom components, effects, and theming.

Features

  • Custom Components - Button, Card, Input, Typography, Toast, and more
  • Visual Effects - Border Beam, animated gradients
  • Theme Customizer - 5 variants of floating theme/color picker
  • Tailwind CSS v4 - Modern styling with CSS variables
  • Dark/Light Mode - Full theme support with next-themes
  • CLI Installation - Install components directly via shadcn CLI

Installation

Install components using the shadcn CLI:

bash
npx shadcn@latest add @gooseui/button

Or with other package managers:

bash
# pnpmpnpm dlx shadcn@latest add @gooseui/button
# yarnnpx shadcn@latest add @gooseui/button
# bunbunx --bun shadcn@latest add @gooseui/button

Available Components

UI Components

ComponentDescription
buttonButton with multiple variants and sizes
cardCard with header, content, and footer
inputInput field with validation states
labelAccessible label for form controls
textareaMultiline text input
typographyText styling with semantic variants and gradients
theme-customizerFloating theme/color picker (5 variants)
animated-timerAnimated clock with sliding digits

Effects

EffectDescription
border-beamAnimated beam traveling along container border

Toast System

ComponentDescription
sonnerBase toast provider with theming
custom-toastBeautiful toast with progress bar
toastHelper functions for notifications

Blocks

BlockDescription
example-formContact form with Zod validation
complex-componentMulti-file component example

Documentation

Visit for full documentation.

Development

bash
# Install dependenciespnpm install
# Start development serverpnpm dev
# Build registrypnpm registry:build
# Type checkpnpm typecheck
# Lintpnpm lint

Tech Stack

  • Framework: Next.js 15 with App Router
  • Styling: Tailwind CSS v4
  • Components: Radix UI primitives
  • Animations: Motion (Framer Motion)
  • Icons: Lucide React
  • Theming: next-themes

License

MIT