HomeBookmarks
UI Layouts UI Layouts
UI Layouts

UI Layouts

Copy-paste React components, animated blocks, and design tools, compatible with the shadcn registry.

ULby ui layout
129components4.9Mviews25.3Kbookmarks

UI Layouts contents

  • About SaaS Section

    About SaaS Section

  • Draggable Grid DashboardDraggable Grid Dashboard

    Draggable Grid Dashboard

  • Code BlockCode Block

    Code Block

  • Sparkles Title

    Sparkles Title

  • Sparkles Title

    Sparkles Title

  • Datetime InputDatetime Input

    Datetime Input

  • Stats Bento

    Stats Bento

  • About Bento

    About Bento

  • Condition Grid

    Condition Grid

  • Image TabsImage Tabs

    Image Tabs

  • FAQ Tabbed Explorer

    FAQ Tabbed Explorer

  • Tailwind Image Accordion

    Tailwind Image Accordion

  • Gallery Modal Accordion

    Gallery Modal Accordion

  • Directional DrawerDirectional Drawer

    Directional Drawer

  • Animated DialogAnimated Dialog

    Animated Dialog

  • Mac Genie EffectMac Genie Effect

    Mac Genie Effect

  • Vertical Thumbnail Slider

    Vertical Thumbnail Slider

  • Vertical Thumbnail Autostart Slider

    Vertical Thumbnail Autostart Slider

  • Autoscroll Slider

    Autoscroll Slider

  • Thumbnail Slider

    Thumbnail Slider

  • Framer Moveable Thumbnails

    Framer Moveable Thumbnails

  • Framer Normal Carousel

    Framer Normal Carousel

  • Scroll Text Marquee

    Scroll Text Marquee

  • Framer Carousel Thumbnails

    Framer Carousel Thumbnails

    1. Components
    2. /
    3. ui layout
    4. /
    5. UI Layouts

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Efferd

    Efferd

    by Efferd

    114

    components

    shadcn/ui

    shadcn/ui

    by shadcn

    87

    components

    Geist

    Geist

    by tigran tumasov

    72

    components

    Aceternity UI

    Aceternity UI

    by Manu Arora

    89

    components

    Jolly UI

    Jolly UI

    by James Shopland

    49

    components

    About UI Layouts

    UI Layouts is a component library on 21st.dev by ui layout with 127 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 127 UI Layouts components

    • About Bento
    • About SaaS Section
    • About Section
    • About Section
    • About Why Us Section
    • Advanced Stats
    • Animated Dialog
    • Arrow Cursor
    • Autoscroll Slider
    • Bold Footer
    • Bold Stats
    • Button

    Browse all component libraries →

  • Button
  • Button
  • Button
  • Button
  • Button
  • Button
  • Button Magnetic
  • Buy Me a Coffee
  • Card Hover
  • Card Hover
  • Chat Form Dropzone
  • Clip-Path Image
  • Clipped Image
  • Clipped Shape image
  • Code Block
  • Condition Grid
  • Corporate Clip Path Gallery
  • CSS Image Stacking
  • Cursor Follower
  • Cursor Gradient
  • Customer Experience
  • Datetime Input
  • Delicate Ascii Dots
  • Detailed Footer
  • Directional Drawer
  • Dot Particles
  • Dots Pattern
  • Draggable Grid Dashboard
  • FAQ Tabbed Explorer
  • Feature Bento
  • Feature Hero
  • Feature Highlights
  • Feature Nature
  • Feature Velocity
  • Financial Hero Section
  • Flowing Ribbons Effect
  • Footer Bento
  • Footer Privilege
  • Footer Simple
  • Framer Autoplay Carousel
  • Framer Carousel
  • Framer Carousel Thumbnails
  • Framer Draggable Carousel
  • Framer Moveable Thumbnails
  • Framer Multi Carousel
  • Framer Normal Carousel
  • Framer Thumbnail Carousel
  • Gallery Modal Accordion
  • Growth Plans
  • Hero AI Value Proposition
  • Hero scroll animation
  • hero-section
  • Horizontal Scroll
  • Image Mask
  • Image Masking
  • Image Masking
  • Image Mouse Trail
  • Image Preview Dropzone
  • Image Reveal
  • Image Tabs
  • Impact Experience
  • Infinity Brand
  • Linear Card
  • Liquid glass icons
  • Liquid Weather glass
  • Mac Genie Effect
  • Mesh Gradient Background
  • Mesh Gradient Background
  • Motion Drawer
  • Motion Number
  • Multi Accordion
  • Multi Selector
  • Number Flow Trading
  • Password Input
  • Password Input
  • Password Input
  • Phone Input
  • Portfolio Experience
  • pricing
  • Pricing Overview
  • Pricing Section
  • Pricing Section
  • Pricing Section
  • Pricing Section
  • Product Packs Pricing
  • Progressive Carousel
  • R3F Blob
  • Scroll Animation
  • Scroll Text Marquee
  • Shimmer Loader
  • Sidebar Liquid Glass
  • Sliding Ease
  • Smooth Scroll
  • Smooth Wavy Canvas
  • Sparkles Title
  • Sparkles Title
  • Splash Water Video Masking
  • Spotlight Cursor
  • Stacking card
  • Stats Bento
  • Sticky Scroll
  • Swapy Draggable Card
  • Tags Input
  • Tailwind Image Accordion
  • testimonial
  • Testimonial
  • Testimonial Basic
  • Text Marque
  • Thumbnail Slider
  • Tree Code Viewer
  • Upvote Downvote Counter
  • Vertical Bars
  • Vertical Thumbnail Autostart Slider
  • Vertical Thumbnail Slider
  • Water Splash Image Masking