HomeBookmarks
SHSF UISHSF UI
SHSF UI

SHSF UI

Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui.

OZby Ozan
6components508.1Kviews2Kbookmarks

SHSF UI contents

  • Brightness Control

    Brightness Control

  • Get Started Button

    Get Started Button

  • Back Button

    Back Button

  • Bookmark Icon Button

    Bookmark Icon Button

  • Heart Button

    Heart Button

  • Avatar Group with Tooltip

    Avatar Group with Tooltip

  • That's all 6 components
    1. Components
    2. /
    3. Ozan
    4. /
    5. SHSF UI

    Related libraries

    Motion Primitives

    Motion Primitives

    by Julien Thibeaut

    39

    components

    Magic UI

    Magic UI

    by Dillion Verma

    64

    components

    cult ui

    cult ui

    by cult/ui

    50

    components

    Origin UI

    Origin UI

    by Origin UI

    44

    components

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    About SHSF UI

    This page collects the SHSF UI components published on 21st 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.

    All 6 SHSF UI components

    • Avatar Group with Tooltip
    • Back Button
    • Bookmark Icon Button
    • Brightness Control
    • Get Started Button
    • Heart Button

    Frequently asked questions

    Browse by category

    Button2043Animated16Icon851Transition79

    Browse all component libraries →