Groot Studio

Overview

Groot Studio is an open-source shadcn registry of UI blocks and components by Subhadip Jana, focused on SEO-friendly, high-performance React applications. Components install through the @grootstudio namespace and land in the project as editable source.

The registry currently holds 26 blocks, leaning toward interactive and decorative pieces: animated buttons, marquees, text effects, cursor trails and live GitHub and Discord widgets. The site also offers templates. Projects need Node.js 18+, Tailwind CSS v4 and an initialized shadcn/ui setup.

Features

• Buttons: 3D, sliding, drag, press and styled button variants, including a slide-to-checkout interaction.
• Text effects: Gradient text fill, gradient background text, text outline glow, text frame and shimmer text flip.
• Marquees and logos: Logo marquee, blurred marquee and logo grid blocks.
• Social widgets: GitHub stars, GitHub contribution calendar and Discord online counters.
• Pointer effects: Cursor trail and image trail interactions.
• Utility pieces: Glow card, avatar tooltips, animated bars, animated layout, theme toggler and a pebble-style toast.

Tech stack

• Next.js
• TypeScript
• Tailwind CSS v4
• Motion
• Radix UI

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @grootstudio/component-name