UIgrove

A grove of UI components

For shadcn/ui
npx shadcn@latest add @uigrove/dot-grid
Quick start

32 components, grown one at a time

No packages to install at runtime. One command with the shadcn CLI, or copy the source and make it yours.

Explore all 32 components
How it works

Three steps, then it is your code.

  1. 01

    Add the registry

    One entry in components.json, once per project.

    components.json
    "registries": {
  "@uigrove": "https://uigrove.me/r/{name}.json"
}
  2. 02

    Install a component

    The CLI writes the files and the shared hook it needs.

    terminal
    npx shadcn@latest add @uigrove/dot-grid
  3. 03

    Own the code

    It lives in components/uigrove. Change anything, nothing to update.

    app/page.tsx
    import { DotGrid } from '@/components/uigrove/dot-grid'
Built with
Free to use

Use any component in personal and commercial work. Copy it in and make it yours.

Need something custom?
Let’s grow it.

Bespoke components, landing pages and the small interactions that make a product feel alive.

Tell me about your projectiammdzaidalam@gmail.com
Or find me on GitHub@iammdzaidalam