@alexandrejoly

Composable shadcn components that cover the details: a notification badge, an onboarding flow, a hint, infinite scroll and a CSS-only marquee.

10 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://alexandrejoly.me/r/registry.json

pnpm pnpm dlx shadcn@latest add https://alexandrejoly.me/r/registry.json

bun bunx shadcn@latest add https://alexandrejoly.me/r/registry.json

fetch registry curl -s https://alexandrejoly.me/r/registry.json

Components

10 total

Notification Badge ui

A counter or dot on an icon or avatar, cut out with CSS shape() so it reads on any background

npx shadcn@latest add https://alexandrejoly.me/r/notification-badge.json

Onboarding ui

A step-by-step flow with a segmented progress bar and CSS-only step transitions

npx shadcn@latest add https://alexandrejoly.me/r/onboarding.json

Hint ui

A labeled trigger that opens a help bubble, its hit area stretched by a pseudo-element

npx shadcn@latest add https://alexandrejoly.me/r/hint.json

Infinite Scroll ui

A list that loads more as you scroll, down or up, with a reverse mode held in place by CSS alone

npx shadcn@latest add https://alexandrejoly.me/r/infinite-scroll.json

Marquee ui

A strip that loops its items only once CSS scroll-driven animations detect they overflow

npx shadcn@latest add https://alexandrejoly.me/r/marquee.json

Item Inset Separator ui

A divider under an Item that starts at its content, past the media, placed with CSS anchor positioning

npx shadcn@latest add https://alexandrejoly.me/r/item-inset-separator.json

Dialog Drawer ui

A responsive Dialog: a centered Dialog at desktop that becomes a swipeable Drawer below 768px. Drop-in replacement for the shadcn Dialog on Base UI or Radix: d…

npx shadcn@latest add https://alexandrejoly.me/r/dialog-drawer.json

Sheet Drawer ui

A responsive Sheet: a side Sheet at desktop that becomes a swipeable Drawer below 768px, opening from the edge set with side. Drop-in replacement for the shadc…

npx shadcn@latest add https://alexandrejoly.me/r/sheet-drawer.json

Popover Drawer ui

A responsive Popover: an anchored Popover at desktop that becomes a swipeable Drawer below 768px. Drop-in replacement for the shadcn Popover on Base UI or Radi…

npx shadcn@latest add https://alexandrejoly.me/r/popover-drawer.json

Easy Modal ui

Modal component for react-easy-modals with Base UI Dialog. Supports nested modals.

npx shadcn@latest add https://alexandrejoly.me/r/easy-modal.json