---
name: "@gooseui"
slug: "gooseui"
description: "A small open-source shadcn/ui extension registry for React, styled with Tailwind CSS v4 and Motion (Framer Motion) animations. Includes Button, Card, Input, Label, Textarea, Typography, Theme Customizer (5 floating variants), Animated Timer, Border Beam effect, custom Toast/Sonner with progress bar, and a ready-made Contact Form block. Dark/light mode with next-themes; built on Radix UI primitives. Free and MIT-licensed. Use for: adding tasteful motion effects and a unified theme customizer to React/Next.js apps without heavy dependencies."
category: "Animated components"
tags: ["accessibility", "aesthetic", "animation", "blocks", "buttons", "cards", "charts", "design-system", "forms", "hooks", "loaders", "overlays", "pro-available", "theming"]
framework: "react"
license: "MIT"
author: "goosen-x"
website: "https://gooseui.pro"
github: "https://github.com/goosen-x/gooseui"
registry: "https://gooseui.pro/r/registry.json"
pro: true
pro_url: "https://gooseui.pro/pricing"
github_stars: 30
component_count: 19
generated_at: "2026-07-28T08:00:50.948Z"
---

# @gooseui

A small open-source shadcn/ui extension registry for React, styled with Tailwind CSS v4 and Motion (Framer Motion) animations. Includes Button, Card, Input, Label, Textarea, Typography, Theme Customizer (5 floating variants), Animated Timer, Border Beam effect, custom Toast/Sonner with progress bar, and a ready-made Contact Form block. Dark/light mode with next-themes; built on Radix UI primitives. Free and MIT-licensed. Use for: adding tasteful motion effects and a unified theme customizer to React/Next.js apps without heavy dependencies.

## Links

- Website: https://gooseui.pro
- GitHub: https://github.com/goosen-x/gooseui
- Registry JSON: https://gooseui.pro/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/gooseui
- This file: https://sh4dcn.vercel.app/md/gooseui.md
- Pro / pricing: https://gooseui.pro/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://gooseui.pro/r/registry.json
pnpm dlx shadcn@latest add https://gooseui.pro/r/registry.json
bunx shadcn@latest add https://gooseui.pro/r/registry.json
# clone the source repo
git clone https://github.com/goosen-x/gooseui.git
# fetch the raw registry index
curl -s https://gooseui.pro/r/registry.json
```

## Components (19)

| name | type | description | install |
| --- | --- | --- | --- |
| theme-customizer | registry:ui | Floating theme and color picker with 5 different variants. | `npx shadcn@latest add https://gooseui.pro/r/theme-customizer.json` |
| animated-timer | registry:ui | A beautiful animated clock with sliding digits and gradient border. | `npx shadcn@latest add https://gooseui.pro/r/animated-timer.json` |
| border-beam | registry:ui | Animated beam of light traveling along the border of a container. | `npx shadcn@latest add https://gooseui.pro/r/border-beam.json` |
| slot | registry:lib | Composition utility for asChild pattern. Renders child element with merged props. | `npx shadcn@latest add https://gooseui.pro/r/slot.json` |
| button | registry:ui | Displays a button or a component that looks like a button. | `npx shadcn@latest add https://gooseui.pro/r/button.json` |
| card | registry:ui | Displays a card with header, content, and footer. | `npx shadcn@latest add https://gooseui.pro/r/card.json` |
| input | registry:ui | Displays an input field. | `npx shadcn@latest add https://gooseui.pro/r/input.json` |
| label | registry:ui | Renders an accessible label associated with controls. | `npx shadcn@latest add https://gooseui.pro/r/label.json` |
| textarea | registry:ui | Displays a textarea for multiline text input. | `npx shadcn@latest add https://gooseui.pro/r/textarea.json` |
| typography | registry:ui | Consistent text styling with semantic variants and gradient effects. | `npx shadcn@latest add https://gooseui.pro/r/typography.json` |
| sonner | registry:ui | Toast notification component with theming support. | `npx shadcn@latest add https://gooseui.pro/r/sonner.json` |
| custom-toast | registry:ui | Beautiful toast with progress bar and colored variants. | `npx shadcn@latest add https://gooseui.pro/r/custom-toast.json` |
| toast | registry:lib | Helper functions to show custom toast notifications. | `npx shadcn@latest add https://gooseui.pro/r/toast.json` |
| promo-banner | registry:ui | Floating promotional banner with marquee animation, discount badges, and localStorage persistence. | `npx shadcn@latest add https://gooseui.pro/r/promo-banner.json` |
| morphing-dialog | registry:ui | Dialog with morphing animation using native View Transitions API. Supports click-outside and Escape key. | `npx shadcn@latest add https://gooseui.pro/r/morphing-dialog.json` |
| baseline-status | registry:ui | Display browser support status for web features based on the W3C WebDX Baseline specification. Includes real-time browser feature detection. | `npx shadcn@latest add https://gooseui.pro/r/baseline-status.json` |
| features-grid | registry:component | Six-column grid showcasing product features with icons. Perfect for landing pages. | `npx shadcn@latest add https://gooseui.pro/r/features-grid.json` |
| badge | registry:ui | Small status indicator with variants for labels, tags, and status. | `npx shadcn@latest add https://gooseui.pro/r/badge.json` |
| scroll-to-top | registry:ui | Floating scroll-to-top button with 4 variants: default, pill, minimal, and progress indicator. | `npx shadcn@latest add https://gooseui.pro/r/scroll-to-top.json` |

## For AI agents

```text
You are adding components from @gooseui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/gooseui.md) for the component list.
2. Fetch the machine-readable index: https://gooseui.pro/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: gooseui).
```