SHSF UI
Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui.
SHSF UI components
Brightness Control
Get Started Button
Back Button
Bookmark Icon Button
Heart Button
Avatar Group with Tooltip
Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui.
Brightness Control
Get Started Button
Back Button
Bookmark Icon Button
Heart Button
Avatar Group with Tooltip
This page collects the SHSF UI components published on 21st.dev by Ozan Tekin — a motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui. The collection focuses on interactive controls with carefully tuned micro-interactions, and every component runs live in its preview here.
Try the interactions on this page, then copy the TSX, install through the shadcn CLI, or pull a component into Cursor or Claude Code over MCP. The components follow shadcn/ui conventions, so they drop into a Tailwind Next.js project as-is.
