HomeBookmarks
SmoothUISmoothUI
SmoothUI

SmoothUI

50+ animated React components for shadcn/ui, built with Motion and Tailwind CSS.

ECby Edu Calvo
96components956.5Kviews3.2Kbookmarks

SmoothUI contents

  • Float Input

    Float Input

  • Fluid Hover Highlight

    Fluid Hover Highlight

  • SVG Clip Mask

    SVG Clip Mask

  • Gravity LettersGravity Letters

    Gravity Letters

  • Chat TemplateChat Template

    Chat Template

  • Social Hover CardSocial Hover Card

    Social Hover Card

  • Organic Merge TransitionOrganic Merge Transition

    Organic Merge Transition

  • Pixel Brush CanvasPixel Brush Canvas

    Pixel Brush Canvas

  • Photo StackPhoto Stack

    Photo Stack

  • Liquid MetalLiquid Metal

    Liquid Metal

  • Drawing Cursor

    Drawing Cursor

  • Pixel Flow FieldPixel Flow Field

    Pixel Flow Field

  • Duration PickerDuration Picker

    Duration Picker

  • Wallet Card

    Wallet Card

  • Warped Circle Transition

    Warped Circle Transition

  • SDF Circle Transition

    SDF Circle Transition

  • Shader Reveal Luma Transition

    Shader Reveal Luma Transition

  • Coverflow CarouselCoverflow Carousel

    Coverflow Carousel

  • Team CarouselTeam Carousel

    Team Carousel

  • Team GridTeam Grid

    Team Grid

  • Auth FormAuth Form

    Auth Form

  • Tweet CardTweet Card

    Tweet Card

  • Code BlockCode Block

    Code Block

  • Orbital Image WheelOrbital Image Wheel

    Orbital Image Wheel

    1. Components
    2. /
    3. Edu Calvo
    4. /
    5. SmoothUI

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    AnimateIcons / Lucide

    AnimateIcons / Lucide

    by Avijit Dey

    434

    components

    Cnippet

    Cnippet

    by Cnippet

    347

    components

    Geist

    Geist

    by tigran tumasov

    72

    components

    shadcn/ui

    shadcn/ui

    by shadcn

    87

    components

    About SmoothUI

    SmoothUI is a component library on 21st.dev by Edu Calvo with 96 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 96 SmoothUI components

    • Accordion
    • Agent Avatar
    • AI Approval
    • AI Artifact
    • AI Citation
    • AI Context Meter
    • AI Conversation
    • AI Diff
    • AI Loader
    • AI Message
    • AI Reasoning
    • AI Response

    Browse all component libraries →

    AI Sources
  • AI Suggestions
  • AI Task List
  • AI Tool Call
  • Animated File Upload
  • Animated Input
  • Animated Progress Bar
  • Animated Tabs
  • Animated Tags
  • Animated Toggle
  • Auth Form
  • Basic Accordion
  • Basic Modal
  • Blur Out Up
  • Bottom Up Letters
  • Categorized FAQ
  • Chat Template
  • Code Block
  • Coverflow Carousel
  • Cursor Follow
  • Depth Parallax Words
  • Dither Image
  • Drawing Cursor
  • Duration Picker
  • Dynamic Island
  • Fade Through
  • FAQ Accordion
  • FAQ Grid
  • Favicon Search
  • Figma Comment
  • Float Input
  • Fluid Hover Highlight
  • GitHub Stars Animation
  • Glass Card
  • Glow Hover Card
  • Gravity Letters
  • Gravity Stars
  • Hover Expand
  • Hover Image List
  • Image Metadata Preview
  • Inline Testimonials
  • Interactive Image Selector
  • Job Listing
  • Liquid Metal
  • Micro Scale Fade
  • Modal
  • Number Flow
  • Orbital Image Wheel
  • Organic Merge Transition
  • Otp Input
  • Per Word Crossfade
  • Photo Stack
  • Phototab
  • Pixel Brush Canvas
  • Pixel Flow Field
  • Prism Sweep Transition
  • Reveal Text
  • Reviews Carousel
  • Rolling Text
  • Scrollable Card Stack
  • Scrubber
  • SDF Blob Transition
  • SDF Circle Transition
  • Searchable Dropdown
  • Searchable FAQ
  • Shader Reveal Luma Transition
  • Shader Reveal Transition
  • Shared Axis Y
  • Short Slide Down
  • Short Slide Right
  • Siri Orb
  • Smooth Button
  • Social Hover Card
  • Social Selector
  • Soft Blur In
  • Spring Scale In
  • SVG Clip Mask
  • Switchboard Card
  • Team Carousel
  • Team Grid
  • Tweet Card
  • Typewriter Text
  • Wallet Card
  • Warped Circle Transition