OFFICIALListed in the shadcn registry directory · imported automatically

ui-layouts

ui-layouts.com registry.json
Add any item
npx shadcn@latest add <item-url>
327components
0live demos
0with motion
327building
0no preview
0hooks / libs
building preview…

3d Marquee

component
@ui-layoutsOfficial
building preview…

About Agency

block
@ui-layoutsOfficial
building preview…

About Architecture

block
@ui-layoutsOfficial
building preview…

About Bento

block
@ui-layoutsOfficial
building preview…

About Business

block
@ui-layoutsOfficial
building preview…

About Creative

block
@ui-layoutsOfficial
building preview…

About Ecommerse

block
@ui-layoutsOfficial
building preview…

About Experience

block
@ui-layoutsOfficial
building preview…

About Me

block
@ui-layoutsOfficial
building preview…

About Mission

block
@ui-layoutsOfficial
building preview…

About Sass

block
@ui-layoutsOfficial
building preview…

About Vision

block
@ui-layoutsOfficial
building preview…

About Whyus

block
@ui-layoutsOfficial
building preview…

Accordion

component
@ui-layoutsOfficial
building preview…

Advanced Stats

block
@ui-layoutsOfficial
building preview…

Align Slider

component
@ui-layoutsOfficial
building preview…

Animal Imagemasking

component
@ui-layoutsOfficial
building preview…

Animated Beam

component
@ui-layoutsOfficial
building preview…

Animated Beam Bidirectional

component
@ui-layoutsOfficial
building preview…

Animated Beam Default

component
@ui-layoutsOfficial
building preview…

Animated Beam Multiple Input

component
@ui-layoutsOfficial
building preview…

Animated Beam Multiple Output

component
@ui-layoutsOfficial
building preview…

Animated Beam Unidirectional

component
@ui-layoutsOfficial
building preview…

Animated Logo Footer

component
@ui-layoutsOfficial
building preview…

Animated Tabs

component
@ui-layoutsOfficial
building preview…

Autoscroll Slider

component
@ui-layoutsOfficial
building preview…

Autostart Slider

component
@ui-layoutsOfficial
building preview…

Bg Blocks One

component
@ui-layoutsOfficial
building preview…

Blur Vignette

component
@ui-layoutsOfficial
building preview…

Blur Vignette Card

component
@ui-layoutsOfficial
building preview…

Blur Vignette Img

component
@ui-layoutsOfficial
building preview…

Blur Vignette Video

component
@ui-layoutsOfficial
building preview…

Bottom Directional Drawer

component
@ui-layoutsOfficial
building preview…

Boxgrid

component
@ui-layoutsOfficial
building preview…

Btn Animated Gradient

component
@ui-layoutsOfficial
building preview…

Btn Arrow Right

component
@ui-layoutsOfficial
building preview…

Btn Bg Shine

component
@ui-layoutsOfficial
building preview…

Btn Black Shadow

component
@ui-layoutsOfficial
building preview…

Btn Click Down

component
@ui-layoutsOfficial
building preview…

Btn Creative Right

component
@ui-layoutsOfficial
building preview…

Btn Creative Top

component
@ui-layoutsOfficial
building preview…

Btn Cross Arrow

component
@ui-layoutsOfficial
building preview…

Btn Hover Down

component
@ui-layoutsOfficial
building preview…

Btn Hover Left Flip

component
@ui-layoutsOfficial
building preview…

Btn Hover Multiple

component
@ui-layoutsOfficial
building preview…

Btn Hover Outline

component
@ui-layoutsOfficial
building preview…

Btn Hover Top Flip

component
@ui-layoutsOfficial
building preview…

Btn Hover Top Slowflip

component
@ui-layoutsOfficial
building preview…

Btn Hover Underline

component
@ui-layoutsOfficial
building preview…

Btn Hover14

component
@ui-layoutsOfficial
building preview…

Btn Rotating Gradient

component
@ui-layoutsOfficial
building preview…

Btn Text Change

component
@ui-layoutsOfficial
building preview…

Button Active

component
@ui-layoutsOfficial
building preview…

Button Hover Right

component
@ui-layoutsOfficial
building preview…

Buyme Acoffee

component
@ui-layoutsOfficial
building preview…

Card Globe

component
@ui-layoutsOfficial
building preview…

Card Globe White

component
@ui-layoutsOfficial
building preview…

Carousel

component
@ui-layoutsOfficial
building preview…

Center Imagemasking

component
@ui-layoutsOfficial
building preview…

Chat Form Dropzone

component
@ui-layoutsOfficial
building preview…

Chat Interface Testimonial

block
@ui-layoutsOfficial
building preview…

Classname Slider

component
@ui-layoutsOfficial
building preview…

Code Block

component
@ui-layoutsOfficial
building preview…

Code Block Comp

component
@ui-layoutsOfficial
building preview…

Code Tabs

component
@ui-layoutsOfficial
building preview…

Code Tabs Mdx

component
@ui-layoutsOfficial
building preview…

Code Tree Code Viewer

component
@ui-layoutsOfficial
building preview…

Color Picker

component
@ui-layoutsOfficial
building preview…

ConditionGrid

component
@ui-layoutsOfficial
building preview…

Confirm Pass Check

component
@ui-layoutsOfficial
building preview…

Corporate Clippath

component
@ui-layoutsOfficial
building preview…

Creative Clippath

component
@ui-layoutsOfficial
building preview…

Creative Experience

block
@ui-layoutsOfficial
building preview…

Creative Hover Card

component
@ui-layoutsOfficial
building preview…

Creative Imagemasking

component
@ui-layoutsOfficial
building preview…

Creative Mask Clippath

component
@ui-layoutsOfficial
building preview…

Creative Tab

component
@ui-layoutsOfficial
building preview…

Creative Videomasking

component
@ui-layoutsOfficial
building preview…

Css Card Stacking

component
@ui-layoutsOfficial
building preview…

Css Image Stacking

component
@ui-layoutsOfficial
building preview…

Customer Experience

block
@ui-layoutsOfficial
building preview…

Date Picker

component
@ui-layoutsOfficial
building preview…

Datetime Input

component
@ui-layoutsOfficial
building preview…

Datetime Input Default

component
@ui-layoutsOfficial
building preview…

Default Color Picker

component
@ui-layoutsOfficial
building preview…

Default Marquee

component
@ui-layoutsOfficial
building preview…

Default Slider

component
@ui-layoutsOfficial
building preview…

Default Swapy

component
@ui-layoutsOfficial
building preview…

Demo Spotlight Card2

component
@ui-layoutsOfficial
building preview…

Demo Spotlight Card3

component
@ui-layoutsOfficial
building preview…

Demo Spotlight Card4

component
@ui-layoutsOfficial
building preview…

Dialog

component
@ui-layoutsOfficial
building preview…

Dialog Default

component
@ui-layoutsOfficial
building preview…

Directional Drawer

component
@ui-layoutsOfficial
building preview…

Directional Drawer Default

component
@ui-layoutsOfficial
building preview…

Drag Items

component
@ui-layoutsOfficial
building preview…

Dual Range Slider

component
@ui-layoutsOfficial
building preview…

Faq Accordion

component
@ui-layoutsOfficial
building preview…

Faq Founder

block
@ui-layoutsOfficial
building preview…

Faq Glass Card

block
@ui-layoutsOfficial
building preview…

Faq Interactive Preview

block
@ui-layoutsOfficial
building preview…

Faq Journey

block
@ui-layoutsOfficial
building preview…

Faq Minimilastic

block
@ui-layoutsOfficial
building preview…

Faq Tabbed Explorer

block
@ui-layoutsOfficial
building preview…

Feature Bento

block
@ui-layoutsOfficial
building preview…

Feature Flow

block
@ui-layoutsOfficial
building preview…

Feature Hero

block
@ui-layoutsOfficial
building preview…

Feature Highlights

block
@ui-layoutsOfficial
building preview…

Feature Nature

block
@ui-layoutsOfficial
building preview…

Feature Platform

block
@ui-layoutsOfficial
building preview…

Feature Service

block
@ui-layoutsOfficial
building preview…

Feature Velocity

block
@ui-layoutsOfficial
building preview…

File Upload

component
@ui-layoutsOfficial
building preview…

File Upload Default

component
@ui-layoutsOfficial
building preview…

Fixedbg Imagemasking

component
@ui-layoutsOfficial
building preview…

Flipcountdown

component
@ui-layoutsOfficial
building preview…

Footer Bento

block
@ui-layoutsOfficial
building preview…

Footer Bold

block
@ui-layoutsOfficial
building preview…

Footer Detailed

block
@ui-layoutsOfficial
building preview…

Footer Hero

block
@ui-layoutsOfficial
building preview…

Footer Minimal

block
@ui-layoutsOfficial
building preview…

Footer Privilege

block
@ui-layoutsOfficial
building preview…

Footer Simple

block
@ui-layoutsOfficial
building preview…

Framer Autoplay Carousel

component
@ui-layoutsOfficial
building preview…

Framer Carousel1

component
@ui-layoutsOfficial
building preview…

Framer Drag Sliding Carousel

component
@ui-layoutsOfficial
building preview…

Framer Draggable Carousel

component
@ui-layoutsOfficial
building preview…

Framer Moveable Thumbnails

component
@ui-layoutsOfficial
building preview…

Framer Multi Carousel

component
@ui-layoutsOfficial
building preview…

Framer Normal Carousel

component
@ui-layoutsOfficial
building preview…

Framer Thumnbails

component
@ui-layoutsOfficial
building preview…

Framerhorizontalscroll

component
@ui-layoutsOfficial
building preview…

Gallery Modal Accordion

component
@ui-layoutsOfficial
building preview…

Gallery Modal Slider

component
@ui-layoutsOfficial
building preview…

Gallery Modal Unsplash

component
@ui-layoutsOfficial
building preview…

Globe

component
@ui-layoutsOfficial
building preview…

Gradient Border

component
@ui-layoutsOfficial
building preview…

Grid Layout Accordion

component
@ui-layoutsOfficial
building preview…

Growth Plans

block
@ui-layoutsOfficial
building preview…

Hero Ai Ecommerce

block
@ui-layoutsOfficial
building preview…

Hero Ai Infrastructure

block
@ui-layoutsOfficial
building preview…

Hero Ai Value Proposition

block
@ui-layoutsOfficial
building preview…

Hero Digital Success

block
@ui-layoutsOfficial
building preview…

Hero Financial

block
@ui-layoutsOfficial
building preview…

Hero Share App

block
@ui-layoutsOfficial
building preview…

Hero Social App

block
@ui-layoutsOfficial
building preview…

Hexagon Videomasking

component
@ui-layoutsOfficial
building preview…

Hexagon2 Videomasking

component
@ui-layoutsOfficial
building preview…

Horizontal Progressive Carousel

component
@ui-layoutsOfficial
building preview…

Horizontal Scroll

component
@ui-layoutsOfficial
building preview…

Hover Footer

component
@ui-layoutsOfficial
building preview…

Hovercard1

component
@ui-layoutsOfficial
building preview…

Hovercard2

component
@ui-layoutsOfficial
building preview…

Hovercard3

component
@ui-layoutsOfficial
building preview…

Hovercard4

component
@ui-layoutsOfficial
building preview…

Image Hover Accordion

component
@ui-layoutsOfficial
building preview…

Image Mousetrail Default

component
@ui-layoutsOfficial
building preview…

Image Mousetrail Disappear

component
@ui-layoutsOfficial
building preview…

Image Mousetrail Small

component
@ui-layoutsOfficial
building preview…

Image Mousetrail Without Component

component
@ui-layoutsOfficial
building preview…

Image Reveal

component
@ui-layoutsOfficial
building preview…

Image Reveal2

component
@ui-layoutsOfficial
building preview…

Image Tab1

component
@ui-layoutsOfficial
building preview…

Image Tab2

component
@ui-layoutsOfficial
building preview…

Imagemodals

component
@ui-layoutsOfficial
building preview…

Img Ripple Effect

component
@ui-layoutsOfficial
building preview…

Img Tabs Standalone

component
@ui-layoutsOfficial
building preview…

Imgpreview Dropzone

component
@ui-layoutsOfficial
building preview…

Impact Experience

block
@ui-layoutsOfficial
building preview…

Infintyband

component
@ui-layoutsOfficial
building preview…

Left Directional Drawer

component
@ui-layoutsOfficial
building preview…

Linear Modal

component
@ui-layoutsOfficial
building preview…

Linear Modal Center Content

component
@ui-layoutsOfficial
building preview…

Linear Modal Default

component
@ui-layoutsOfficial
building preview…

Linear Modal Standalone

component
@ui-layoutsOfficial
building preview…

Liquid Button

component
@ui-layoutsOfficial
building preview…

Liquid Glass

component
@ui-layoutsOfficial
building preview…

Liquid Glass Mobile Icons

component
@ui-layoutsOfficial
building preview…

Liquid Glass Notification

component
@ui-layoutsOfficial
building preview…

Liquid Glass Sidebar Menu

component
@ui-layoutsOfficial
building preview…

Liquid Glass Weather

component
@ui-layoutsOfficial
building preview…

Liquid Gradient

component
@ui-layoutsOfficial
building preview…

Liquid Gradient Components

component
@ui-layoutsOfficial
building preview…

Logos Marquee

component
@ui-layoutsOfficial
building preview…

Mac Genie

component
@ui-layoutsOfficial
building preview…

Magnified Doc

component
@ui-layoutsOfficial
building preview…

Magnified Tab

component
@ui-layoutsOfficial
building preview…

Marque Testimonial

block
@ui-layoutsOfficial
building preview…

Marquee

component
@ui-layoutsOfficial
building preview…

Media Modal

component
@ui-layoutsOfficial
building preview…

Media Modal Default

component
@ui-layoutsOfficial
building preview…

Mesh Gradient Background

component
@ui-layoutsOfficial
building preview…

Mesh Gradient Background2

component
@ui-layoutsOfficial
building preview…

Mesh Gradient Background3

component
@ui-layoutsOfficial
building preview…

Mesh Shadergradient

component
@ui-layoutsOfficial
building preview…

Messenger Testimonial

block
@ui-layoutsOfficial
building preview…

Motion Drawer

component
@ui-layoutsOfficial
building preview…

Motion Drawer Default

component
@ui-layoutsOfficial
building preview…

Motion Number Input

component
@ui-layoutsOfficial
building preview…

Motion Number Slider

component
@ui-layoutsOfficial
building preview…

Motion Number Upvotes

component
@ui-layoutsOfficial
building preview…

Mousetrail

component
@ui-layoutsOfficial
building preview…

Multi Layout Accordion

component
@ui-layoutsOfficial
building preview…

Multi Selector

component
@ui-layoutsOfficial
building preview…

Multi Selector Default

component
@ui-layoutsOfficial
building preview…

Nested Vaul Drawer

component
@ui-layoutsOfficial
building preview…

Noise Effect

component
@ui-layoutsOfficial
building preview…

NormalGrid

component
@ui-layoutsOfficial
building preview…

Number Flow Trading

component
@ui-layoutsOfficial
building preview…

Number Slider

component
@ui-layoutsOfficial
building preview…

Opacity Swapy

component
@ui-layoutsOfficial
building preview…

Pass Strength Dotted Indicator

component
@ui-layoutsOfficial
building preview…

Pass Strength Hover Indicator

component
@ui-layoutsOfficial
building preview…

Pass Strength Inline Indicator

component
@ui-layoutsOfficial
building preview…

Pass Strengthindicator

component
@ui-layoutsOfficial
building preview…

Phone Input

component
@ui-layoutsOfficial
building preview…

Phone Input Default

component
@ui-layoutsOfficial
building preview…

Portfolio Experience

block
@ui-layoutsOfficial
building preview…

Position Range Slider

component
@ui-layoutsOfficial
building preview…

Pricing Grow Business

block
@ui-layoutsOfficial
building preview…

Pricing Overview

block
@ui-layoutsOfficial
building preview…

Product Packs

block
@ui-layoutsOfficial
building preview…

Productcard1

component
@ui-layoutsOfficial
building preview…

Productcard2

component
@ui-layoutsOfficial
building preview…

Productcard3

component
@ui-layoutsOfficial
building preview…

Productcard4

component
@ui-layoutsOfficial
building preview…

Productcard5

component
@ui-layoutsOfficial
building preview…

Productcard6

component
@ui-layoutsOfficial
building preview…

Progressive Carousel

component
@ui-layoutsOfficial
building preview…

R3f Blob

component
@ui-layoutsOfficial
building preview…

Randomized Text Effect

component
@ui-layoutsOfficial
building preview…

Randomized Text Unveil

component
@ui-layoutsOfficial
building preview…

Raws Color Picker

component
@ui-layoutsOfficial
building preview…

Register Tab

component
@ui-layoutsOfficial
building preview…

Responsive Header

component
@ui-layoutsOfficial
building preview…

Responsive Header Default

component
@ui-layoutsOfficial
building preview…

Responsive Modal

component
@ui-layoutsOfficial
building preview…

Responsive Modal Default

component
@ui-layoutsOfficial
building preview…

Right Motion Drawer

component
@ui-layoutsOfficial
building preview…

Scale Slider

component
@ui-layoutsOfficial
building preview…

Scroll Animation

component
@ui-layoutsOfficial
building preview…

Scroll Animation Default

component
@ui-layoutsOfficial
building preview…

Scroll Animation Repeat

component
@ui-layoutsOfficial
building preview…

Scroll Animation Text

component
@ui-layoutsOfficial
building preview…

Scroll Text

component
@ui-layoutsOfficial
building preview…

Scroll Text Marquee

component
@ui-layoutsOfficial
building preview…

Scroll Text Marquee Bidirectional

component
@ui-layoutsOfficial
building preview…

Scroll Text Marquee Unidirectional

component
@ui-layoutsOfficial
building preview…

Shimmer Loader

component
@ui-layoutsOfficial
building preview…

Showhide Pass

component
@ui-layoutsOfficial
building preview…

Single Layout Accordion

component
@ui-layoutsOfficial
building preview…

Slider

component
@ui-layoutsOfficial
building preview…

Smooth Scroll

component
@ui-layoutsOfficial
building preview…

Sparkles

component
@ui-layoutsOfficial
building preview…

Sparkles Branding

component
@ui-layoutsOfficial
building preview…

Sparkles Globe

component
@ui-layoutsOfficial
building preview…

Sparkles Section

component
@ui-layoutsOfficial
building preview…

Sparkles Title

component
@ui-layoutsOfficial
building preview…

Sparkles Title2

component
@ui-layoutsOfficial
building preview…

Sparkles Title3

component
@ui-layoutsOfficial
building preview…

Sparkles Title4

component
@ui-layoutsOfficial
building preview…

Special Offer

component
@ui-layoutsOfficial
building preview…

Splashwater Videomasking

component
@ui-layoutsOfficial
building preview…

Spotlight

component
@ui-layoutsOfficial
building preview…

Spotlight Card Cruip

component
@ui-layoutsOfficial
building preview…

Spotlight Card1

component
@ui-layoutsOfficial
building preview…

Spotlight Card2

component
@ui-layoutsOfficial
building preview…

Spotlight Card3

component
@ui-layoutsOfficial
building preview…

Spotlight Card4

component
@ui-layoutsOfficial
building preview…

Spotlight Testimonial

block
@ui-layoutsOfficial
building preview…

Stack Testimonial

block
@ui-layoutsOfficial
building preview…

Stacking Card

component
@ui-layoutsOfficial
building preview…

Startup Plans

block
@ui-layoutsOfficial
building preview…

Static Range Slider

component
@ui-layoutsOfficial
building preview…

Stats Banner

block
@ui-layoutsOfficial
building preview…

Stats Bento

block
@ui-layoutsOfficial
building preview…

Stats Bold

block
@ui-layoutsOfficial
building preview…

Stats Details

block
@ui-layoutsOfficial
building preview…

Stats Minimal

block
@ui-layoutsOfficial
building preview…

Stats Section

block
@ui-layoutsOfficial
building preview…

Sticky Gallery

component
@ui-layoutsOfficial
building preview…

Sticky Hero Scroll

component
@ui-layoutsOfficial
building preview…

Sticky Hero Section

component
@ui-layoutsOfficial
building preview…

Stripecard

component
@ui-layoutsOfficial
building preview…

Stripecard2

component
@ui-layoutsOfficial
building preview…

Subscription Details

block
@ui-layoutsOfficial
building preview…

Swapy

component
@ui-layoutsOfficial
building preview…

Swapy Handle

component
@ui-layoutsOfficial
building preview…

Swapy Without Components

component
@ui-layoutsOfficial
building preview…

Symbolic Clippath

component
@ui-layoutsOfficial
building preview…

Tabs

component
@ui-layoutsOfficial
building preview…

Tags Input

component
@ui-layoutsOfficial
building preview…

Tags Input Components

component
@ui-layoutsOfficial
building preview…

Tags Input No Edit

component
@ui-layoutsOfficial
building preview…

Tailwind Image Accordion

component
@ui-layoutsOfficial
building preview…

Team Classic

block
@ui-layoutsOfficial
building preview…

Team Clippath

block
@ui-layoutsOfficial
building preview…

Team Expert

block
@ui-layoutsOfficial
building preview…

Team Magic

block
@ui-layoutsOfficial
building preview…

Team Modern

block
@ui-layoutsOfficial
building preview…

Team Social

block
@ui-layoutsOfficial
building preview…

Team Synth

block
@ui-layoutsOfficial
building preview…

Team Troops

block
@ui-layoutsOfficial
building preview…

Team Vr

block
@ui-layoutsOfficial
building preview…

Terminal Ui

component
@ui-layoutsOfficial
building preview…

Testimonial Basic

block
@ui-layoutsOfficial
building preview…

Testimonial Carousel

block
@ui-layoutsOfficial
building preview…

Text Scroll Animation

component
@ui-layoutsOfficial
building preview…

Textoverlay Videomasking

component
@ui-layoutsOfficial
building preview…

Thumbnail Slider

component
@ui-layoutsOfficial
building preview…

Time Picker

component
@ui-layoutsOfficial
building preview…

Timeline Animation

component
@ui-layoutsOfficial
building preview…

Timeline Animation Default

component
@ui-layoutsOfficial
building preview…

Tools Tab

component
@ui-layoutsOfficial
building preview…

Top Directional Drawer

component
@ui-layoutsOfficial
building preview…

Tree Code Viewer

component
@ui-layoutsOfficial
building preview…

Type Writter

component
@ui-layoutsOfficial
building preview…

Unsplash Grid

component
@ui-layoutsOfficial
building preview…

Vertical Progressive Carousel

component
@ui-layoutsOfficial
building preview…

Vertical Slider

component
@ui-layoutsOfficial
building preview…

Vertical Thumbnail Autostart Slider

component
@ui-layoutsOfficial
building preview…

Vertical Thumbnail Slider

component
@ui-layoutsOfficial
building preview…

Verticle Marquee

component
@ui-layoutsOfficial
building preview…

Video Blur Vignette

component
@ui-layoutsOfficial
building preview…

Watersplash Clippath

component
@ui-layoutsOfficial
building preview…

Watersplash Imagemasking

component
@ui-layoutsOfficial
building preview…

Work Experience

block
@ui-layoutsOfficial