# UI Layouts

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

- Owner: [UI Layouts](https://21st.dev/@uilayout.contact)
- Components: 72
- Website: https://ui-layouts.com/
- GitHub: https://github.com/naymurdev
- Live page: https://21st.dev/@uilayout.contact/library/ui-layouts

## Components

All 72 of them:

- [About Section](https://21st.dev/@uilayout.contact/components/about-section.md)
- [About Section](https://21st.dev/@uilayout.contact/components/about-section-1.md)
- [about section 2](https://21st.dev/@uilayout.contact/components/about-section-2.md)
- [Arrow Cursor](https://21st.dev/@uilayout.contact/components/arrow-cursor.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-1.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-2.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-6.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-7.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-4.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-3.md)
- [Button](https://21st.dev/@uilayout.contact/components/button-5.md)
- [Button Magnetic](https://21st.dev/@uilayout.contact/components/button-magnetic.md)
- [Card Hover](https://21st.dev/@uilayout.contact/components/card-hover.md)
- [Card Hover](https://21st.dev/@uilayout.contact/components/card-hover-2.md)
- [Card Hover](https://21st.dev/@uilayout.contact/components/card-hover-1.md)
- [Clip-Path Image](https://21st.dev/@uilayout.contact/components/clip-path-image.md)
- [Clipped Image](https://21st.dev/@uilayout.contact/components/clipped-image.md)
- [Clipped Shape image](https://21st.dev/@uilayout.contact/components/clipped-shape-image.md)
- [Cursor Follower](https://21st.dev/@uilayout.contact/components/cursor-follower.md)
- [Cursor Gradient](https://21st.dev/@uilayout.contact/components/cursor-gradient.md)
- [Delicate Ascii Dots](https://21st.dev/@uilayout.contact/components/delicate-ascii-dots.md)
- [Dot Particles](https://21st.dev/@uilayout.contact/components/dot-particles.md)
- [Dots Pattern](https://21st.dev/@uilayout.contact/components/dots-pattern.md)
- [Flowing Ribbons Effect](https://21st.dev/@uilayout.contact/components/flowing-ribbons-effect.md)
- [Framer Autoplay Carousel](https://21st.dev/@uilayout.contact/components/framer-autoplay-carousel.md)
- [Framer Carousel](https://21st.dev/@uilayout.contact/components/framer-carousel.md)
- [Framer Draggable Carousel](https://21st.dev/@uilayout.contact/components/framer-draggable-carousel.md)
- [Framer Multi Carousel](https://21st.dev/@uilayout.contact/components/framer-multi-carousel.md)
- [Framer Thumbnail Carousel](https://21st.dev/@uilayout.contact/components/framer-thumbnail-carousel.md)
- [Hero scroll animation](https://21st.dev/@uilayout.contact/components/hero-scroll-animation.md)
- [hero-section](https://21st.dev/@uilayout.contact/components/hero-section.md)
- [Hover Card](https://21st.dev/@uilayout.contact/components/hover-card.md)
- [Image Mask](https://21st.dev/@uilayout.contact/components/image-mask.md)
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking-1.md)
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking.md)
- [Image Reveal](https://21st.dev/@uilayout.contact/components/image-reveal.md)
- [Infinity Brand](https://21st.dev/@uilayout.contact/components/infinity-brand.md)
- [Linear Card](https://21st.dev/@uilayout.contact/components/linear-card.md)
- [Liquid glass icons](https://21st.dev/@uilayout.contact/components/liquid-glass-icons.md)
- [Liquid notification](https://21st.dev/@uilayout.contact/components/liquid-notification.md)
- [Liquid  Weather glass](https://21st.dev/@uilayout.contact/components/liquid-weather-glass.md)
- [Motion Drawer](https://21st.dev/@uilayout.contact/components/motion-drawer.md)
- [Motion Number](https://21st.dev/@uilayout.contact/components/motion-number.md)
- [Multi Accordion](https://21st.dev/@uilayout.contact/components/multi-accordion.md)
- [Multi Selector](https://21st.dev/@uilayout.contact/components/multi-selector.md)
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input-1.md)
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input.md)
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input-2.md)
- [Password Input](https://21st.dev/@uilayout.contact/components/password-input-3.md)
- [Phone Input](https://21st.dev/@uilayout.contact/components/phone-input.md)
- [pricing](https://21st.dev/@uilayout.contact/components/pricing.md)
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-1.md)
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section.md)
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-3.md)
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-4.md)
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-2.md)
- [Progressive Carousel](https://21st.dev/@uilayout.contact/components/progressive-carousel.md)
- [R3F Blob](https://21st.dev/@uilayout.contact/components/r3f-blob.md)
- [Scroll Animation](https://21st.dev/@uilayout.contact/components/scroll-animation.md)
- [Scroll Card](https://21st.dev/@uilayout.contact/components/scroll-card.md)
- [Sidebar Liquid Glass](https://21st.dev/@uilayout.contact/components/sidebar-liquid-glass.md)
- [Sliding Ease](https://21st.dev/@uilayout.contact/components/sliding-ease.md)
- [Smooth Scroll](https://21st.dev/@uilayout.contact/components/smooth-scroll.md)
- [Smooth Wavy Canvas](https://21st.dev/@uilayout.contact/components/smooth-wavy-canvas.md)
- [Spotlight Cursor](https://21st.dev/@uilayout.contact/components/spotlight-cursor.md)
- [Stacking card](https://21st.dev/@uilayout.contact/components/stacking-card.md)
- [Sticky Scroll](https://21st.dev/@uilayout.contact/components/sticky-scroll.md)
- [Swapy Draggable Card](https://21st.dev/@uilayout.contact/components/swapy-draggable-card.md)
- [testimonial](https://21st.dev/@uilayout.contact/components/testimonial.md)
- [Testimonial](https://21st.dev/@uilayout.contact/components/testimonial-1.md)
- [Text Marque](https://21st.dev/@uilayout.contact/components/text-marque.md)
- [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars.md)

Full component directory: https://21st.dev/llms.txt