# Components

Free, open-source React components for projects built on shadcn/ui, published as a shadcn registry. Each one installs with the shadcn CLI, renders on the server and has its own page with live examples and an API reference.

## Registry

- [Notification Badge](https://alexandrejoly.me/components/notification-badge.md): A counter or dot on an icon or avatar, cut out with CSS shape() so it reads on any background
- [Onboarding](https://alexandrejoly.me/components/onboarding.md): A step-by-step flow with a segmented progress bar and CSS-only step transitions
- [Hint](https://alexandrejoly.me/components/hint.md): A labeled trigger that opens a help bubble, its hit area stretched by a pseudo-element
- [Infinite Scroll](https://alexandrejoly.me/components/infinite-scroll.md): A list that loads more as you scroll, down or up, with a reverse mode held in place by CSS alone
- [Marquee](https://alexandrejoly.me/components/marquee.md): A strip that loops its items only once CSS scroll-driven animations detect they overflow
- [Item Inset Separator](https://alexandrejoly.me/components/item-inset-separator.md): A divider under an Item that starts at its content, past the media, placed with CSS anchor positioning

[Back to Alexandre Joly](https://alexandrejoly.me/index.md)