@ui-layouts
An open-source creative component library focused on advanced animations and visual effects for React/Next.js, built primarily with Framer Motion (motion) and Tailwind CSS. Components include R3F Blob (Three.js), Image Ripple Effect, Image Mousetrail, Image Reveal, Blur Vignette, Liquid Glass, Liquid Gradient, Mesh Gradients, Shimmer Loader, Motion Number, Drag Items, Horizontal Scroll, Globe, Marquee, Randomized Text Effect, Color Picker, Directional Drawer, Motion Drawer, Gallery Modal, and more — totalling 40+ unique effects. Also includes a Labs section for experiments. Free and open source. Use for: marketing sites, portfolios, and creative web apps that need striking motion effects and interactive visual components beyond standard Tailwind utility patterns.
250 components pro available react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://ui-layouts.com/r/registry.json pnpm
pnpm dlx shadcn@latest add https://ui-layouts.com/r/registry.json bun
bunx shadcn@latest add https://ui-layouts.com/r/registry.json fetch registry
curl -s https://ui-layouts.com/r/registry.json Components
250 total btn-bg-shine component
npx shadcn@latest add https://ui-layouts.com/r/btn-bg-shine.json btn-animated-gradient component
npx shadcn@latest add https://ui-layouts.com/r/btn-animated-gradient.json button-active component
npx shadcn@latest add https://ui-layouts.com/r/button-active.json button-hover-right component
npx shadcn@latest add https://ui-layouts.com/r/button-hover-right.json btn-creative-right component
npx shadcn@latest add https://ui-layouts.com/r/btn-creative-right.json btn-creative-top component
npx shadcn@latest add https://ui-layouts.com/r/btn-creative-top.json btn-click-down component
npx shadcn@latest add https://ui-layouts.com/r/btn-click-down.json btn-hover-down component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-down.json btn-hover-multiple component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-multiple.json btn-hover-underline component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-underline.json btn-hover-top-flip component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-top-flip.json btn-hover-left-flip component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-left-flip.json btn-hover-top-slowflip component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-top-slowflip.json btn-text-change component
npx shadcn@latest add https://ui-layouts.com/r/btn-text-change.json btn-cross-arrow component
npx shadcn@latest add https://ui-layouts.com/r/btn-cross-arrow.json btn-black-shadow component
npx shadcn@latest add https://ui-layouts.com/r/btn-black-shadow.json btn-hover-outline component
npx shadcn@latest add https://ui-layouts.com/r/btn-hover-outline.json btn-arrow-right component
npx shadcn@latest add https://ui-layouts.com/r/btn-arrow-right.json btn-rotating-gradient component
npx shadcn@latest add https://ui-layouts.com/r/btn-rotating-gradient.json color-picker component
npx shadcn@latest add https://ui-layouts.com/r/color-picker.json default-color-picker component
npx shadcn@latest add https://ui-layouts.com/r/default-color-picker.json raws-color-picker component
npx shadcn@latest add https://ui-layouts.com/r/raws-color-picker.json motion-number-upvotes component
npx shadcn@latest add https://ui-layouts.com/r/motion-number-upvotes.json motion-number-input component
npx shadcn@latest add https://ui-layouts.com/r/motion-number-input.json motion-number-slider component
npx shadcn@latest add https://ui-layouts.com/r/motion-number-slider.json number-flow-trading component
npx shadcn@latest add https://ui-layouts.com/r/number-flow-trading.json noise-effect component
npx shadcn@latest add https://ui-layouts.com/r/noise-effect.json scroll-text component
npx shadcn@latest add https://ui-layouts.com/r/scroll-text.json text-scroll-animation component
npx shadcn@latest add https://ui-layouts.com/r/text-scroll-animation.json scroll-text-marquee component
npx shadcn@latest add https://ui-layouts.com/r/scroll-text-marquee.json scroll-text-marquee-unidirectional component
npx shadcn@latest add https://ui-layouts.com/r/scroll-text-marquee-unidirectional.json scroll-text-marquee-bidirectional component
npx shadcn@latest add https://ui-layouts.com/r/scroll-text-marquee-bidirectional.json randomized-text-effect component
npx shadcn@latest add https://ui-layouts.com/r/randomized-text-effect.json randomized-text-unveil component
npx shadcn@latest add https://ui-layouts.com/r/randomized-text-unveil.json globe component
npx shadcn@latest add https://ui-layouts.com/r/globe.json card-globe component
npx shadcn@latest add https://ui-layouts.com/r/card-globe.json card-globe-white component
npx shadcn@latest add https://ui-layouts.com/r/card-globe-white.json img-ripple-effect component
npx shadcn@latest add https://ui-layouts.com/r/img-ripple-effect.json r3f-blob component
npx shadcn@latest add https://ui-layouts.com/r/r3f-blob.json mesh-shadergradient component
npx shadcn@latest add https://ui-layouts.com/r/mesh-shadergradient.json mesh-gradient-background3 component
npx shadcn@latest add https://ui-layouts.com/r/mesh-gradient-background3.json mesh-gradient-background2 component
npx shadcn@latest add https://ui-layouts.com/r/mesh-gradient-background2.json mesh-gradient-background component
npx shadcn@latest add https://ui-layouts.com/r/mesh-gradient-background.json animated-logo-footer component
npx shadcn@latest add https://ui-layouts.com/r/animated-logo-footer.json hover-footer component
npx shadcn@latest add https://ui-layouts.com/r/hover-footer.json responsive-header component
npx shadcn@latest add https://ui-layouts.com/r/responsive-header.json responsive-header-default component
npx shadcn@latest add https://ui-layouts.com/r/responsive-header-default.json boxgrid component
npx shadcn@latest add https://ui-layouts.com/r/boxgrid.json conditionGrid component
npx shadcn@latest add https://ui-layouts.com/r/conditionGrid.json normalGrid component
npx shadcn@latest add https://ui-layouts.com/r/normalGrid.json buyme-acoffee component
npx shadcn@latest add https://ui-layouts.com/r/buyme-acoffee.json stripecard component
npx shadcn@latest add https://ui-layouts.com/r/stripecard.json creative-hover-card component
npx shadcn@latest add https://ui-layouts.com/r/creative-hover-card.json stripecard2 component
npx shadcn@latest add https://ui-layouts.com/r/stripecard2.json hovercard1 component
npx shadcn@latest add https://ui-layouts.com/r/hovercard1.json hovercard2 component
npx shadcn@latest add https://ui-layouts.com/r/hovercard2.json hovercard3 component
npx shadcn@latest add https://ui-layouts.com/r/hovercard3.json hovercard4 component
npx shadcn@latest add https://ui-layouts.com/r/hovercard4.json productcard1 component
npx shadcn@latest add https://ui-layouts.com/r/productcard1.json productcard2 component
npx shadcn@latest add https://ui-layouts.com/r/productcard2.json productcard3 component
npx shadcn@latest add https://ui-layouts.com/r/productcard3.json productcard4 component
npx shadcn@latest add https://ui-layouts.com/r/productcard4.json productcard5 component
npx shadcn@latest add https://ui-layouts.com/r/productcard5.json productcard6 component
npx shadcn@latest add https://ui-layouts.com/r/productcard6.json creative-clippath component
npx shadcn@latest add https://ui-layouts.com/r/creative-clippath.json corporate-clippath component
npx shadcn@latest add https://ui-layouts.com/r/corporate-clippath.json symbolic-clippath component
npx shadcn@latest add https://ui-layouts.com/r/symbolic-clippath.json creative-mask-clippath component
npx shadcn@latest add https://ui-layouts.com/r/creative-mask-clippath.json watersplash-clippath component
npx shadcn@latest add https://ui-layouts.com/r/watersplash-clippath.json creative-imagemasking component
npx shadcn@latest add https://ui-layouts.com/r/creative-imagemasking.json animal-imagemasking component
npx shadcn@latest add https://ui-layouts.com/r/animal-imagemasking.json watersplash-imagemasking component
npx shadcn@latest add https://ui-layouts.com/r/watersplash-imagemasking.json center-imagemasking component
npx shadcn@latest add https://ui-layouts.com/r/center-imagemasking.json fixedbg-imagemasking component
npx shadcn@latest add https://ui-layouts.com/r/fixedbg-imagemasking.json creative-videomasking component
npx shadcn@latest add https://ui-layouts.com/r/creative-videomasking.json splashwater-videomasking component
npx shadcn@latest add https://ui-layouts.com/r/splashwater-videomasking.json textoverlay-videomasking component
npx shadcn@latest add https://ui-layouts.com/r/textoverlay-videomasking.json hexagon-videomasking component
npx shadcn@latest add https://ui-layouts.com/r/hexagon-videomasking.json hexagon2-videomasking component
npx shadcn@latest add https://ui-layouts.com/r/hexagon2-videomasking.json progressive-carousel component
npx shadcn@latest add https://ui-layouts.com/r/progressive-carousel.json horizontal-progressive-carousel component
npx shadcn@latest add https://ui-layouts.com/r/horizontal-progressive-carousel.json vertical-progressive-carousel component
npx shadcn@latest add https://ui-layouts.com/r/vertical-progressive-carousel.json image-hover-accordion component
npx shadcn@latest add https://ui-layouts.com/r/image-hover-accordion.json tailwind-image-accordion component
npx shadcn@latest add https://ui-layouts.com/r/tailwind-image-accordion.json image-tab1 component
npx shadcn@latest add https://ui-layouts.com/r/image-tab1.json image-tab2 component
npx shadcn@latest add https://ui-layouts.com/r/image-tab2.json img-tabs-standalone component
npx shadcn@latest add https://ui-layouts.com/r/img-tabs-standalone.json magnified-doc component
npx shadcn@latest add https://ui-layouts.com/r/magnified-doc.json magnified-tab component
npx shadcn@latest add https://ui-layouts.com/r/magnified-tab.json tabs component
npx shadcn@latest add https://ui-layouts.com/r/tabs.json animated-tabs component
npx shadcn@latest add https://ui-layouts.com/r/animated-tabs.json creative-tab component
npx shadcn@latest add https://ui-layouts.com/r/creative-tab.json register-tab component
npx shadcn@latest add https://ui-layouts.com/r/register-tab.json swapy component
npx shadcn@latest add https://ui-layouts.com/r/swapy.json default-swapy component
npx shadcn@latest add https://ui-layouts.com/r/default-swapy.json opacity-swapy component
npx shadcn@latest add https://ui-layouts.com/r/opacity-swapy.json swapy-handle component
npx shadcn@latest add https://ui-layouts.com/r/swapy-handle.json swapy-without-components component
npx shadcn@latest add https://ui-layouts.com/r/swapy-without-components.json drag-items component
npx shadcn@latest add https://ui-layouts.com/r/drag-items.json timeline-animation component
npx shadcn@latest add https://ui-layouts.com/r/timeline-animation.json timeline-animation-default component
npx shadcn@latest add https://ui-layouts.com/r/timeline-animation-default.json scroll-animation component
npx shadcn@latest add https://ui-layouts.com/r/scroll-animation.json scroll-animation-default component
npx shadcn@latest add https://ui-layouts.com/r/scroll-animation-default.json scroll-animation-repeat component
npx shadcn@latest add https://ui-layouts.com/r/scroll-animation-repeat.json scroll-animation-text component
npx shadcn@latest add https://ui-layouts.com/r/scroll-animation-text.json mousetrail component
npx shadcn@latest add https://ui-layouts.com/r/mousetrail.json image-mousetrail-default component
npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-default.json image-mousetrail-small component
npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-small.json image-mousetrail-disappear component
npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-disappear.json image-mousetrail-without-component component
npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-without-component.json horizontal-scroll component
npx shadcn@latest add https://ui-layouts.com/r/horizontal-scroll.json framerhorizontalscroll component
npx shadcn@latest add https://ui-layouts.com/r/framerhorizontalscroll.json stacking-card component
npx shadcn@latest add https://ui-layouts.com/r/stacking-card.json css-image-stacking component
npx shadcn@latest add https://ui-layouts.com/r/css-image-stacking.json css-card-stacking component
npx shadcn@latest add https://ui-layouts.com/r/css-card-stacking.json smooth-scroll component
npx shadcn@latest add https://ui-layouts.com/r/smooth-scroll.json sticky-gallery component
npx shadcn@latest add https://ui-layouts.com/r/sticky-gallery.json sticky-hero-section component
npx shadcn@latest add https://ui-layouts.com/r/sticky-hero-section.json sparkles component
npx shadcn@latest add https://ui-layouts.com/r/sparkles.json sparkles-globe component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-globe.json sparkles-section component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-section.json sparkles-title component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-title.json sparkles-title2 component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-title2.json sparkles-title3 component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-title3.json sparkles-title4 component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-title4.json sparkles-branding component
npx shadcn@latest add https://ui-layouts.com/r/sparkles-branding.json marquee component
npx shadcn@latest add https://ui-layouts.com/r/marquee.json default-marquee component
npx shadcn@latest add https://ui-layouts.com/r/default-marquee.json verticle-marquee component
npx shadcn@latest add https://ui-layouts.com/r/verticle-marquee.json logos-marquee component
npx shadcn@latest add https://ui-layouts.com/r/logos-marquee.json 3d-marquee component
npx shadcn@latest add https://ui-layouts.com/r/3d-marquee.json infintyband component
npx shadcn@latest add https://ui-layouts.com/r/infintyband.json liquid-glass component
npx shadcn@latest add https://ui-layouts.com/r/liquid-glass.json liquid-glass-weather component
npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-weather.json liquid-glass-mobile-icons component
npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-mobile-icons.json liquid-glass-notification component
npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-notification.json liquid-glass-sidebar-menu component
npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-sidebar-menu.json blur-vignette component
npx shadcn@latest add https://ui-layouts.com/r/blur-vignette.json video-blur-vignette component
npx shadcn@latest add https://ui-layouts.com/r/video-blur-vignette.json blur-vignette-video component
npx shadcn@latest add https://ui-layouts.com/r/blur-vignette-video.json blur-vignette-img component
npx shadcn@latest add https://ui-layouts.com/r/blur-vignette-img.json blur-vignette-card component
npx shadcn@latest add https://ui-layouts.com/r/blur-vignette-card.json liquid-gradient component
npx shadcn@latest add https://ui-layouts.com/r/liquid-gradient.json liquid-gradient-components component
npx shadcn@latest add https://ui-layouts.com/r/liquid-gradient-components.json liquid-button component
npx shadcn@latest add https://ui-layouts.com/r/liquid-button.json accordion component
npx shadcn@latest add https://ui-layouts.com/r/accordion.json grid-layout-accordion component
npx shadcn@latest add https://ui-layouts.com/r/grid-layout-accordion.json single-layout-accordion component
npx shadcn@latest add https://ui-layouts.com/r/single-layout-accordion.json multi-layout-accordion component
npx shadcn@latest add https://ui-layouts.com/r/multi-layout-accordion.json faq-accordion component
npx shadcn@latest add https://ui-layouts.com/r/faq-accordion.json slider component
npx shadcn@latest add https://ui-layouts.com/r/slider.json dual-range-slider component
npx shadcn@latest add https://ui-layouts.com/r/dual-range-slider.json position-range-slider component
npx shadcn@latest add https://ui-layouts.com/r/position-range-slider.json static-range-slider component
npx shadcn@latest add https://ui-layouts.com/r/static-range-slider.json showhide-pass component
npx shadcn@latest add https://ui-layouts.com/r/showhide-pass.json pass-strengthindicator component
npx shadcn@latest add https://ui-layouts.com/r/pass-strengthindicator.json pass-strength-dotted-indicator component
npx shadcn@latest add https://ui-layouts.com/r/pass-strength-dotted-indicator.json pass-strength-hover-indicator component
npx shadcn@latest add https://ui-layouts.com/r/pass-strength-hover-indicator.json pass-strength-inline-indicator component
npx shadcn@latest add https://ui-layouts.com/r/pass-strength-inline-indicator.json confirm-pass-check component
npx shadcn@latest add https://ui-layouts.com/r/confirm-pass-check.json tags-input component
npx shadcn@latest add https://ui-layouts.com/r/tags-input.json tags-input-components component
npx shadcn@latest add https://ui-layouts.com/r/tags-input-components.json tags-input-no-edit component
npx shadcn@latest add https://ui-layouts.com/r/tags-input-no-edit.json phone-input-default component
npx shadcn@latest add https://ui-layouts.com/r/phone-input-default.json phone-input component
npx shadcn@latest add https://ui-layouts.com/r/phone-input.json datetime-input component
npx shadcn@latest add https://ui-layouts.com/r/datetime-input.json datetime-input-default component
npx shadcn@latest add https://ui-layouts.com/r/datetime-input-default.json time-picker component
npx shadcn@latest add https://ui-layouts.com/r/time-picker.json date-picker component
npx shadcn@latest add https://ui-layouts.com/r/date-picker.json multi-selector component
npx shadcn@latest add https://ui-layouts.com/r/multi-selector.json multi-selector-default component
npx shadcn@latest add https://ui-layouts.com/r/multi-selector-default.json file-upload component
npx shadcn@latest add https://ui-layouts.com/r/file-upload.json file-upload-default component
npx shadcn@latest add https://ui-layouts.com/r/file-upload-default.json chat-form-dropzone component
npx shadcn@latest add https://ui-layouts.com/r/chat-form-dropzone.json imgpreview-dropzone component
npx shadcn@latest add https://ui-layouts.com/r/imgpreview-dropzone.json linear-modal component
npx shadcn@latest add https://ui-layouts.com/r/linear-modal.json linear-modal-default component
npx shadcn@latest add https://ui-layouts.com/r/linear-modal-default.json linear-modal-center-content component
npx shadcn@latest add https://ui-layouts.com/r/linear-modal-center-content.json linear-modal-standalone component
npx shadcn@latest add https://ui-layouts.com/r/linear-modal-standalone.json gallery-modal-accordion component
npx shadcn@latest add https://ui-layouts.com/r/gallery-modal-accordion.json gallery-modal-unsplash component
npx shadcn@latest add https://ui-layouts.com/r/gallery-modal-unsplash.json gallery-modal-slider component
npx shadcn@latest add https://ui-layouts.com/r/gallery-modal-slider.json dialog component
npx shadcn@latest add https://ui-layouts.com/r/dialog.json dialog-default component
npx shadcn@latest add https://ui-layouts.com/r/dialog-default.json media-modal component
npx shadcn@latest add https://ui-layouts.com/r/media-modal.json media-modal-default component
npx shadcn@latest add https://ui-layouts.com/r/media-modal-default.json imagemodals component
npx shadcn@latest add https://ui-layouts.com/r/imagemodals.json responsive-modal component
npx shadcn@latest add https://ui-layouts.com/r/responsive-modal.json responsive-modal-default component
npx shadcn@latest add https://ui-layouts.com/r/responsive-modal-default.json directional-drawer component
npx shadcn@latest add https://ui-layouts.com/r/directional-drawer.json directional-drawer_default component
npx shadcn@latest add https://ui-layouts.com/r/directional-drawer_default.json left-directional-drawer component
npx shadcn@latest add https://ui-layouts.com/r/left-directional-drawer.json top-directional-drawer component
npx shadcn@latest add https://ui-layouts.com/r/top-directional-drawer.json bottom-directional-drawer component
npx shadcn@latest add https://ui-layouts.com/r/bottom-directional-drawer.json motion-drawer component
npx shadcn@latest add https://ui-layouts.com/r/motion-drawer.json motion-drawer-default component
npx shadcn@latest add https://ui-layouts.com/r/motion-drawer-default.json right-motion-drawer component
npx shadcn@latest add https://ui-layouts.com/r/right-motion-drawer.json spotlight component
npx shadcn@latest add https://ui-layouts.com/r/spotlight.json spotlight-card1 component
npx shadcn@latest add https://ui-layouts.com/r/spotlight-card1.json spotlight-card2 component
npx shadcn@latest add https://ui-layouts.com/r/spotlight-card2.json spotlight-card3 component
npx shadcn@latest add https://ui-layouts.com/r/spotlight-card3.json spotlight-card4 component
npx shadcn@latest add https://ui-layouts.com/r/spotlight-card4.json image-reveal component
npx shadcn@latest add https://ui-layouts.com/r/image-reveal.json image-reveal2 component
npx shadcn@latest add https://ui-layouts.com/r/image-reveal2.json bg-blocks-one component
npx shadcn@latest add https://ui-layouts.com/r/bg-blocks-one.json animated-beam component
npx shadcn@latest add https://ui-layouts.com/r/animated-beam.json animated-beam-default component
npx shadcn@latest add https://ui-layouts.com/r/animated-beam-default.json animated-beam-bidirectional component
npx shadcn@latest add https://ui-layouts.com/r/animated-beam-bidirectional.json animated-beam-unidirectional component
npx shadcn@latest add https://ui-layouts.com/r/animated-beam-unidirectional.json animated-beam-multiple-input component
npx shadcn@latest add https://ui-layouts.com/r/animated-beam-multiple-input.json animated-beam-multiple-output component
npx shadcn@latest add https://ui-layouts.com/r/animated-beam-multiple-output.json carousel component
npx shadcn@latest add https://ui-layouts.com/r/carousel.json default-slider component
npx shadcn@latest add https://ui-layouts.com/r/default-slider.json align-slider component
npx shadcn@latest add https://ui-layouts.com/r/align-slider.json classname-slider component
npx shadcn@latest add https://ui-layouts.com/r/classname-slider.json number-slider component
npx shadcn@latest add https://ui-layouts.com/r/number-slider.json scale-slider component
npx shadcn@latest add https://ui-layouts.com/r/scale-slider.json thumbnail-slider component
npx shadcn@latest add https://ui-layouts.com/r/thumbnail-slider.json autostart-slider component
npx shadcn@latest add https://ui-layouts.com/r/autostart-slider.json autoscroll-slider component
npx shadcn@latest add https://ui-layouts.com/r/autoscroll-slider.json vertical-slider component
npx shadcn@latest add https://ui-layouts.com/r/vertical-slider.json vertical-thumbnail-slider component
npx shadcn@latest add https://ui-layouts.com/r/vertical-thumbnail-slider.json vertical-thumbnail-autostart-slider component
npx shadcn@latest add https://ui-layouts.com/r/vertical-thumbnail-autostart-slider.json framer-normal-carousel component
npx shadcn@latest add https://ui-layouts.com/r/framer-normal-carousel.json framer-draggable-carousel component
npx shadcn@latest add https://ui-layouts.com/r/framer-draggable-carousel.json framer-autoplay-carousel component
npx shadcn@latest add https://ui-layouts.com/r/framer-autoplay-carousel.json framer-multi-carousel component
npx shadcn@latest add https://ui-layouts.com/r/framer-multi-carousel.json framer-thumnbails component
npx shadcn@latest add https://ui-layouts.com/r/framer-thumnbails.json framer-moveable-thumbnails component
npx shadcn@latest add https://ui-layouts.com/r/framer-moveable-thumbnails.json framer-drag-sliding-carousel component
npx shadcn@latest add https://ui-layouts.com/r/framer-drag-sliding-carousel.json code-block component
npx shadcn@latest add https://ui-layouts.com/r/code-block.json tree-code-viewer component
npx shadcn@latest add https://ui-layouts.com/r/tree-code-viewer.json code-tabs-mdx component
npx shadcn@latest add https://ui-layouts.com/r/code-tabs-mdx.json hero-digital-success block
npx shadcn@latest add https://ui-layouts.com/r/hero-digital-success.json hero-ai-value-proposition block
npx shadcn@latest add https://ui-layouts.com/r/hero-ai-value-proposition.json hero-share-app block
npx shadcn@latest add https://ui-layouts.com/r/hero-share-app.json hero-social-app block
npx shadcn@latest add https://ui-layouts.com/r/hero-social-app.json hero-ai-ecommerce block
npx shadcn@latest add https://ui-layouts.com/r/hero-ai-ecommerce.json hero-ai-infrastructure block
npx shadcn@latest add https://ui-layouts.com/r/hero-ai-infrastructure.json hero-financial block
npx shadcn@latest add https://ui-layouts.com/r/hero-financial.json feature-flow block
npx shadcn@latest add https://ui-layouts.com/r/feature-flow.json feature-hero block
npx shadcn@latest add https://ui-layouts.com/r/feature-hero.json feature-bento block
npx shadcn@latest add https://ui-layouts.com/r/feature-bento.json feature-nature block
npx shadcn@latest add https://ui-layouts.com/r/feature-nature.json feature-velocity block
npx shadcn@latest add https://ui-layouts.com/r/feature-velocity.json feature-highlights block
npx shadcn@latest add https://ui-layouts.com/r/feature-highlights.json feature-platform block
npx shadcn@latest add https://ui-layouts.com/r/feature-platform.json feature-service block
npx shadcn@latest add https://ui-layouts.com/r/feature-service.json about-ecommerse block
npx shadcn@latest add https://ui-layouts.com/r/about-ecommerse.json about-creative block
npx shadcn@latest add https://ui-layouts.com/r/about-creative.json