# Uncode UI (full) > Uncode UI is a catalogue of 1,747 React and Tailwind CSS components. You preview each one running in the browser, copy it, and paste it into your project. This file lists every component with its category, the npm packages it needs and the page that describes it. Source code is not included here: it is shown in the catalogue at https://uncodeui.com/react.html. Last updated: 2026-10-27. ## Key facts - Name: Uncode UI. Website: https://uncodeui.com/. Contact: uncodeui@gmail.com. - What it is: a catalogue of copy-and-paste React and Tailwind CSS components, 14 libraries in one place, plus components written for the catalogue. - Free plan: four copies a week, no card. Browsing, searching and previewing are unlimited and never counted. - Paid plans: two months for $12 ($6 a month) or one year for $60 ($5 a month). Unlimited copies. - Licences: imported libraries keep their own licence (MIT, Apache or ISC) and the copyright notice stays in the file. Components written for Uncode UI may be used in client work and products under the terms of use (https://uncodeui.com/terms.html). Libraries whose licence forbids selling are not imported (see https://uncodeui.com/licence.html). - Conventions: shadcn/ui style (components/ui folder, Tailwind, cn() helper). Works in Next.js, Vite and other React setups. - Editor integration: MCP server at https://uncodeui.com/mcp (Claude, Cursor, Windsurf, Lovable) and the shadcn CLI: npx shadcn@latest add https://uncodeui.com/r/.json. ## Pages - https://uncodeui.com/what-is-uncode-ui.html - https://uncodeui.com/uncode-ui-vs-shadcn-ui.html - https://uncodeui.com/uncode-ui-vs-21st-dev.html - https://uncodeui.com/uncode-ui-vs-tailwind-ui.html - https://uncodeui.com/faq.html - https://uncodeui.com/pricing.html - https://uncodeui.com/licence.html ## Bund UI (177 components, licence MIT) - [Accordion Collapsible](https://uncodeui.com/c/bundui/accordion-collapsible.html): layout; needs no extra packages - [Accordion Default](https://uncodeui.com/c/bundui/accordion-default.html): layout; needs no extra packages - [Accordion with Plus Icon](https://uncodeui.com/c/bundui/accordion-with-plus-icon.html): layout; needs @radix-ui/react-accordion, lucide-react - [Alert Danger](https://uncodeui.com/c/bundui/alert-danger.html): feedback; needs lucide-react - [Alert Default](https://uncodeui.com/c/bundui/alert-default.html): feedback; needs no extra packages - [Alert Dialog](https://uncodeui.com/c/bundui/alert-dialog.html): overlays; needs no extra packages - [Alert Success](https://uncodeui.com/c/bundui/alert-success.html): feedback; needs lucide-react - [Alert Warning](https://uncodeui.com/c/bundui/alert-warning.html): feedback; needs lucide-react - [Alert with Action Button](https://uncodeui.com/c/bundui/alert-with-action-button.html): buttons; needs lucide-react - [Alert with Dismiss](https://uncodeui.com/c/bundui/alert-with-dismiss.html): feedback; needs lucide-react - [Alert with Icon](https://uncodeui.com/c/bundui/alert-with-icon.html): feedback; needs lucide-react - [Alert with Title](https://uncodeui.com/c/bundui/alert-with-title.html): feedback; needs lucide-react - [Animated Beam](https://uncodeui.com/c/bundui/animated-beam.html): effects; needs motion - [Animated Gradient Border](https://uncodeui.com/c/bundui/animated-gradient-border.html): backgrounds; needs no extra packages - [Animated Tab](https://uncodeui.com/c/bundui/animated-tab.html): navigation; needs motion - [Animated Text](https://uncodeui.com/c/bundui/animated-text.html): text; needs motion - [Avatar Avatar Group](https://uncodeui.com/c/bundui/avatar-avatar-group.html): media; needs no extra packages - [Avatar Default](https://uncodeui.com/c/bundui/avatar-default.html): media; needs no extra packages - [Avatar Fallback Only](https://uncodeui.com/c/bundui/avatar-fallback-only.html): media; needs no extra packages - [Avatar Sizes](https://uncodeui.com/c/bundui/avatar-sizes.html): media; needs no extra packages - [Avatar with Status Indicator](https://uncodeui.com/c/bundui/avatar-with-status-indicator.html): feedback; needs no extra packages - [Badge Default](https://uncodeui.com/c/bundui/badge-default.html): feedback; needs no extra packages - [Badge Destructive](https://uncodeui.com/c/bundui/badge-destructive.html): feedback; needs no extra packages - [Badge Indicator](https://uncodeui.com/c/bundui/badge-indicator.html): feedback; needs no extra packages - [Badge Outline](https://uncodeui.com/c/bundui/badge-outline.html): feedback; needs no extra packages - [Badge Secondary](https://uncodeui.com/c/bundui/badge-secondary.html): feedback; needs no extra packages - [Badge with Dismiss](https://uncodeui.com/c/bundui/badge-with-dismiss.html): feedback; needs lucide-react - [Badge with Icon](https://uncodeui.com/c/bundui/badge-with-icon.html): feedback; needs lucide-react - [Before And After Slider](https://uncodeui.com/c/bundui/image-comparison.html): media; needs no extra packages - [Breadcrumb Default](https://uncodeui.com/c/bundui/breadcrumb-default.html): navigation; needs no extra packages - [Breadcrumb with Dropdown](https://uncodeui.com/c/bundui/breadcrumb-with-dropdown.html): navigation; needs no extra packages - [Breadcrumb with Icon](https://uncodeui.com/c/bundui/breadcrumb-with-icon.html): navigation; needs lucide-react - [Button Default](https://uncodeui.com/c/bundui/button-default.html): buttons; needs no extra packages - [Button Destructive](https://uncodeui.com/c/bundui/button-destructive.html): buttons; needs no extra packages - [Button Disabled](https://uncodeui.com/c/bundui/button-disabled.html): buttons; needs no extra packages - [Button Ghost](https://uncodeui.com/c/bundui/button-ghost.html): buttons; needs no extra packages - [Button Icon Sizes](https://uncodeui.com/c/bundui/button-icon-sizes.html): buttons; needs lucide-react - [Button Link](https://uncodeui.com/c/bundui/button-link.html): buttons; needs no extra packages - [Button Loading](https://uncodeui.com/c/bundui/button-loading.html): buttons; needs lucide-react - [Button Loading with Icon](https://uncodeui.com/c/bundui/button-loading-with-icon.html): buttons; needs lucide-react - [Button Only Icon](https://uncodeui.com/c/bundui/button-only-icon.html): buttons; needs lucide-react - [Button Outline](https://uncodeui.com/c/bundui/button-outline.html): buttons; needs no extra packages - [Button Secondary](https://uncodeui.com/c/bundui/button-secondary.html): buttons; needs no extra packages - [Button Sizes](https://uncodeui.com/c/bundui/button-sizes.html): buttons; needs no extra packages - [Button with Icon](https://uncodeui.com/c/bundui/button-with-icon.html): buttons; needs lucide-react - [Calendar](https://uncodeui.com/c/bundui/calendar.html): forms; needs no extra packages - [Card Colored](https://uncodeui.com/c/bundui/card-colored.html): cards; needs no extra packages - [Card Default](https://uncodeui.com/c/bundui/card-default.html): cards; needs no extra packages - [Card with Action](https://uncodeui.com/c/bundui/card-with-action.html): cards; needs no extra packages - [Card with Footer](https://uncodeui.com/c/bundui/card-with-footer.html): cards; needs no extra packages - [Card with Header](https://uncodeui.com/c/bundui/card-with-header.html): cards; needs no extra packages - [Card with Header Description](https://uncodeui.com/c/bundui/card-with-header-description.html): cards; needs no extra packages - [Card with Header Icon](https://uncodeui.com/c/bundui/card-with-header-icon.html): cards; needs lucide-react - [Carousel 01](https://uncodeui.com/c/bundui/carousel-01.html): media; needs no extra packages - [Carousel 02](https://uncodeui.com/c/bundui/carousel-02.html): media; needs no extra packages - [Carousel 03](https://uncodeui.com/c/bundui/carousel-03.html): media; needs no extra packages - [Category Filters](https://uncodeui.com/c/bundui/category-filters.html): other; needs no extra packages - [Category Previews 01](https://uncodeui.com/c/bundui/category-previews-01.html): other; needs no extra packages - [Category Previews 02](https://uncodeui.com/c/bundui/category-previews-02.html): other; needs no extra packages - [Chart](https://uncodeui.com/c/bundui/chart.html): data; needs recharts - [Checkbox](https://uncodeui.com/c/bundui/checkbox.html): forms; needs no extra packages - [Checkout Forms 01](https://uncodeui.com/c/bundui/checkout-forms-01.html): forms; needs lucide-react - [Checkout Forms 02](https://uncodeui.com/c/bundui/checkout-forms-02.html): forms; needs lucide-react - [Circle Path](https://uncodeui.com/c/bundui/circle-path.html): other; needs framer-motion - [Collapsible](https://uncodeui.com/c/bundui/collapsible.html): layout; needs lucide-react - [Combobox](https://uncodeui.com/c/bundui/combobox.html): forms; needs lucide-react - [Command](https://uncodeui.com/c/bundui/command.html): navigation; needs lucide-react - [Context Menu](https://uncodeui.com/c/bundui/context-menu.html): text; needs no extra packages - [Countdown](https://uncodeui.com/c/bundui/countdown.html): other; needs motion, react-use-measure - [Counter Animation](https://uncodeui.com/c/bundui/counter-animation.html): text; needs motion - [Customer Reviews](https://uncodeui.com/c/bundui/customer-reviews.html): other; needs lucide-react - [Data Table 01](https://uncodeui.com/c/bundui/data-table-01.html): navigation; needs no extra packages - [Data Table 02](https://uncodeui.com/c/bundui/data-table-02.html): navigation; needs lucide-react - [Data Table 03](https://uncodeui.com/c/bundui/data-table-03.html): navigation; needs no extra packages - [Date Picker](https://uncodeui.com/c/bundui/date-picker.html): forms; needs lucide-react - [Dialog](https://uncodeui.com/c/bundui/dialog.html): overlays; needs no extra packages - [Divider 01](https://uncodeui.com/c/bundui/divider-01.html): other; needs no extra packages - [Divider 02](https://uncodeui.com/c/bundui/divider-02.html): other; needs no extra packages - [Divider 03](https://uncodeui.com/c/bundui/divider-03.html): other; needs no extra packages - [Drawer](https://uncodeui.com/c/bundui/drawer.html): overlays; needs lucide-react, recharts - [Dropdown Menu](https://uncodeui.com/c/bundui/dropdown-menu.html): navigation; needs no extra packages - [Fireworks](https://uncodeui.com/c/bundui/fireworks.html): other; needs no extra packages - [Flip Card](https://uncodeui.com/c/bundui/flip-card.html): cards; needs motion - [Floating Button](https://uncodeui.com/c/bundui/floating-button.html): buttons; needs motion, usehooks-ts, lucide-react - [Floating Paths](https://uncodeui.com/c/bundui/floating-paths.html): other; needs motion - [Fluid Particles](https://uncodeui.com/c/bundui/fluid-particles.html): effects; needs no extra packages - [Form Layouts 01](https://uncodeui.com/c/bundui/form-layouts-01.html): forms; needs @hookform/resolvers, react-hook-form, zod, lucide-react - [Form Layouts 02](https://uncodeui.com/c/bundui/form-layouts-02.html): forms; needs no extra packages - [Gradient Text](https://uncodeui.com/c/bundui/animated-gradient-text.html): text; needs no extra packages - [Hover Card](https://uncodeui.com/c/bundui/hover-card.html): cards; needs lucide-react - [Image Reveal](https://uncodeui.com/c/bundui/image-reveal.html): media; needs motion, lucide-react - [Input](https://uncodeui.com/c/bundui/input.html): forms; needs no extra packages - [Interactive Image Slider](https://uncodeui.com/c/bundui/interactive-image-slider.html): forms; needs motion - [Magnetic Hover Effect 01](https://uncodeui.com/c/bundui/magnetic-hover-effect-01.html): overlays; needs motion - [Magnetic Hover Effect 02](https://uncodeui.com/c/bundui/magnetic-hover-effect-02.html): overlays; needs motion - [Marquee Effect](https://uncodeui.com/c/bundui/marquee-effect.html): marquee; needs motion, react-use-measure - [Menubar](https://uncodeui.com/c/bundui/menubar.html): navigation; needs no extra packages - [Meteor Shower Animation](https://uncodeui.com/c/bundui/meteor-shower-animation.html): effects; needs next-themes - [Modal Dialogs 01](https://uncodeui.com/c/bundui/modal-dialogs-01.html): overlays; needs react-hook-form, @hookform/resolvers, zod - [Modal Dialogs 02](https://uncodeui.com/c/bundui/modal-dialogs-02.html): overlays; needs react-hook-form, @hookform/resolvers, zod, lucide-react - [Modal Dialogs 03](https://uncodeui.com/c/bundui/modal-dialogs-03.html): overlays; needs lucide-react - [Mouse Trail](https://uncodeui.com/c/bundui/mouse-trail.html): other; needs motion - [Navigation Menu](https://uncodeui.com/c/bundui/navigation-menu.html): navigation; needs lucide-react - [One Time Code Input](https://uncodeui.com/c/bundui/input-otp.html): forms; needs no extra packages - [Order Summaries 01](https://uncodeui.com/c/bundui/order-summaries-01.html): other; needs lucide-react - [Order Summaries 02](https://uncodeui.com/c/bundui/order-summaries-02.html): other; needs no extra packages - [Page Layouts 01](https://uncodeui.com/c/bundui/page-layouts-01.html): other; needs lucide-react - [Page Layouts 02](https://uncodeui.com/c/bundui/page-layouts-02.html): other; needs lucide-react - [Page Layouts 03](https://uncodeui.com/c/bundui/page-layouts-03.html): other; needs lucide-react - [Pagination](https://uncodeui.com/c/bundui/pagination.html): navigation; needs no extra packages - [Parallax Cards](https://uncodeui.com/c/bundui/parallax-cards.html): cards; needs lucide-react, motion, lenis - [Popover](https://uncodeui.com/c/bundui/popover.html): overlays; needs no extra packages - [Product Cards 01](https://uncodeui.com/c/bundui/product-cards-01.html): cards; needs no extra packages - [Product Cards 02](https://uncodeui.com/c/bundui/product-cards-02.html): cards; needs no extra packages - [Product Cards 03](https://uncodeui.com/c/bundui/product-cards-03.html): cards; needs no extra packages - [Product Cards 04](https://uncodeui.com/c/bundui/product-cards-04.html): cards; needs lucide-react - [Product Cards 05](https://uncodeui.com/c/bundui/product-cards-05.html): cards; needs lucide-react - [Product Cards 06](https://uncodeui.com/c/bundui/product-cards-06.html): cards; needs lucide-react - [Product Cards 07](https://uncodeui.com/c/bundui/product-cards-07.html): cards; needs lucide-react - [Product Details](https://uncodeui.com/c/bundui/product-details.html): other; needs lucide-react - [Product List 01](https://uncodeui.com/c/bundui/product-list-01.html): data; needs no extra packages - [Product List 02](https://uncodeui.com/c/bundui/product-list-02.html): data; needs lucide-react - [Product List 03](https://uncodeui.com/c/bundui/product-list-03.html): data; needs lucide-react - [Product Quickviews 01](https://uncodeui.com/c/bundui/product-quickviews-01.html): other; needs lucide-react - [Product Quickviews 02](https://uncodeui.com/c/bundui/product-quickviews-02.html): other; needs lucide-react - [Progress](https://uncodeui.com/c/bundui/progress.html): feedback; needs no extra packages - [Promo Sections 01](https://uncodeui.com/c/bundui/promo-sections-01.html): layout; needs no extra packages - [Promo Sections 02](https://uncodeui.com/c/bundui/promo-sections-02.html): layout; needs lucide-react - [Property Cards 01](https://uncodeui.com/c/bundui/property-cards-01.html): cards; needs lucide-react - [Property Cards 02](https://uncodeui.com/c/bundui/property-cards-02.html): cards; needs lucide-react - [Property Cards 03](https://uncodeui.com/c/bundui/property-cards-03.html): cards; needs lucide-react - [Property Cards 04](https://uncodeui.com/c/bundui/property-cards-04.html): cards; needs lucide-react - [Property Detail](https://uncodeui.com/c/bundui/property-detail.html): other; needs no extra packages - [Property Filters](https://uncodeui.com/c/bundui/property-filters.html): other; needs lucide-react - [Property List 01](https://uncodeui.com/c/bundui/property-list-01.html): data; needs lucide-react - [Property List 02](https://uncodeui.com/c/bundui/property-list-02.html): data; needs lucide-react - [Radio Group](https://uncodeui.com/c/bundui/radio-group.html): forms; needs no extra packages - [Ripple Effect 01](https://uncodeui.com/c/bundui/ripple-effect-01.html): effects; needs motion - [Ripple Effect 02](https://uncodeui.com/c/bundui/ripple-effect-02.html): effects; needs motion - [Ripple Effect 03](https://uncodeui.com/c/bundui/ripple-effect-03.html): effects; needs motion - [Scroll Progress Bar 01](https://uncodeui.com/c/bundui/scroll-progress-bar-01.html): marquee; needs lucide-react - [Scroll Progress Bar 02](https://uncodeui.com/c/bundui/scroll-progress-bar-02.html): marquee; needs lucide-react - [Select 01](https://uncodeui.com/c/bundui/select-01.html): forms; needs no extra packages - [Select 02](https://uncodeui.com/c/bundui/select-02.html): forms; needs no extra packages - [Select 03](https://uncodeui.com/c/bundui/select-03.html): forms; needs no extra packages - [Select 04](https://uncodeui.com/c/bundui/select-04.html): forms; needs no extra packages - [Select 05](https://uncodeui.com/c/bundui/select-05.html): forms; needs no extra packages - [Sheet](https://uncodeui.com/c/bundui/sheet.html): overlays; needs no extra packages - [Shopping Carts 01](https://uncodeui.com/c/bundui/shopping-carts-01.html): other; needs lucide-react - [Shopping Carts 02](https://uncodeui.com/c/bundui/shopping-carts-02.html): other; needs lucide-react - [Sidebar](https://uncodeui.com/c/bundui/sidebar.html): navigation; needs lucide-react - [Sidebar Layouts](https://uncodeui.com/c/bundui/sidebar-layouts.html): navigation; needs lucide-react - [Sign in Forms 01](https://uncodeui.com/c/bundui/sign-in-forms-01.html): forms; needs react-hook-form, @hookform/resolvers, zod - [Sign in Forms 02](https://uncodeui.com/c/bundui/sign-in-forms-02.html): forms; needs react-hook-form, @hookform/resolvers, zod, lucide-react - [Sign in Forms 03](https://uncodeui.com/c/bundui/sign-in-forms-03.html): forms; needs react-hook-form, @hookform/resolvers, zod, lucide-react - [Skeleton](https://uncodeui.com/c/bundui/skeleton.html): feedback; needs no extra packages - [Slider](https://uncodeui.com/c/bundui/slider.html): forms; needs no extra packages - [Sliding Number Counter](https://uncodeui.com/c/bundui/sliding-number.html): other; needs motion, react-use-measure - [Snowfall Animation](https://uncodeui.com/c/bundui/snowfall-animation.html): other; needs next-themes - [Stars](https://uncodeui.com/c/bundui/stars.html): other; needs no extra packages - [Stat Cards 01](https://uncodeui.com/c/bundui/stat-cards-01.html): cards; needs no extra packages - [Stat Cards 02](https://uncodeui.com/c/bundui/stat-cards-02.html): cards; needs no extra packages - [Stat Cards 03](https://uncodeui.com/c/bundui/stat-cards-03.html): cards; needs no extra packages - [Stat Cards 04](https://uncodeui.com/c/bundui/stat-cards-04.html): cards; needs no extra packages - [Stat Cards 05](https://uncodeui.com/c/bundui/stat-cards-05.html): cards; needs lucide-react - [Stat Cards 06](https://uncodeui.com/c/bundui/stat-cards-06.html): cards; needs lucide-react, recharts - [Stat Cards 07](https://uncodeui.com/c/bundui/stat-cards-07.html): cards; needs no extra packages - [Stat Cards 08](https://uncodeui.com/c/bundui/stat-cards-08.html): cards; needs recharts - [Store Navigations](https://uncodeui.com/c/bundui/store-navigations.html): navigation; needs lucide-react - [Switch](https://uncodeui.com/c/bundui/switch.html): forms; needs no extra packages - [Tables](https://uncodeui.com/c/bundui/tables.html): navigation; needs lucide-react - [Tabs](https://uncodeui.com/c/bundui/tabs.html): navigation; needs no extra packages - [Text Gradient Scroll](https://uncodeui.com/c/bundui/text-gradient-scroll.html): text; needs lenis, motion, lucide-react - [Text Morph Animation](https://uncodeui.com/c/bundui/text-morph-animation.html): text; needs no extra packages - [Tilt Effect](https://uncodeui.com/c/bundui/tilt-effect.html): other; needs motion - [Toggle Group](https://uncodeui.com/c/bundui/toggle-group.html): other; needs lucide-react - [Tooltip](https://uncodeui.com/c/bundui/tooltip.html): overlays; needs no extra packages ## Cult UI (82 components, licence MIT) - [3D Carousel](https://uncodeui.com/c/cultui/three-d-carousel.html): media; needs motion - [AI Instruction Panel](https://uncodeui.com/c/cultui/ai-instructions.html): other; needs @hugeicons/core-free-icons, @hugeicons/react - [Animated Background Button](https://uncodeui.com/c/cultui/bg-animate-button.html): buttons; needs @radix-ui/react-slot, class-variance-authority - [Animated GIF Text](https://uncodeui.com/c/cultui/text-gif.html): text; needs class-variance-authority, next - [Animated Gradient Background](https://uncodeui.com/c/cultui/bg-animated-gradient.html): backgrounds; needs motion - [Animated Number](https://uncodeui.com/c/cultui/animated-number.html): other; needs motion - [Animated SVG Shapes](https://uncodeui.com/c/cultui/svg-shapes-animated.html): other; needs motion - [Animated Terminal](https://uncodeui.com/c/cultui/terminal-animation.html): data; needs @radix-ui/react-slot, @radix-ui/react-use-controllable-state - [Animated Text](https://uncodeui.com/c/cultui/text-animate.html): text; needs motion - [Border Beam Button](https://uncodeui.com/c/cultui/border-beam-button.html): effects; needs border-beam - [Browser Window Mockup](https://uncodeui.com/c/cultui/mock-browser-window.html): other; needs no extra packages - [Choice Poll](https://uncodeui.com/c/cultui/choice-poll.html): other; needs @radix-ui/react-use-controllable-state, class-variance-authority, lucide-react - [Code Block](https://uncodeui.com/c/cultui/code-block.html): data; needs lucide-react, motion - [Colour Panel Hero](https://uncodeui.com/c/cultui/hero-color-panel.html): layout; needs @paper-design/shaders-react - [Colour Picker](https://uncodeui.com/c/cultui/color-picker.html): other; needs lucide-react, motion - [Cosmic Button](https://uncodeui.com/c/cultui/cosmic-button.html): buttons; needs no extra packages - [Countdown Timer](https://uncodeui.com/c/cultui/timer.html): other; needs class-variance-authority, lucide-react - [Cutout Card](https://uncodeui.com/c/cultui/cutout-card.html): cards; needs @radix-ui/react-use-controllable-state, motion, next - [Direction Aware Tabs](https://uncodeui.com/c/cultui/direction-aware-tabs.html): navigation; needs motion, react-use-measure - [Distorted Glass](https://uncodeui.com/c/cultui/distorted-glass.html): other; needs no extra packages - [Dithered Hero](https://uncodeui.com/c/cultui/hero-dithering.html): layout; needs @paper-design/shaders-react - [Dithered Image](https://uncodeui.com/c/cultui/dither-image.html): media; needs next - [Dithered Image Upload](https://uncodeui.com/c/cultui/dither-image-demo-upload.html): forms; needs no extra packages - [Dock](https://uncodeui.com/c/cultui/dock.html): navigation; needs motion - [Dynamic Island](https://uncodeui.com/c/cultui/dynamic-island.html): other; needs motion - [Edge Blur](https://uncodeui.com/c/cultui/edge-blur.html): effects; needs no extra packages - [Expandable Card](https://uncodeui.com/c/cultui/expandable-card.html): cards; needs motion, react-use-measure - [Expandable Panel](https://uncodeui.com/c/cultui/expandable.html): other; needs motion, react-use-measure - [Expandable Toolbar](https://uncodeui.com/c/cultui/toolbar-expandable.html): navigation; needs @radix-ui/react-scroll-area, motion - [Expanding Screen Card](https://uncodeui.com/c/cultui/expandable-screen.html): other; needs lucide-react, motion - [Family Style Button](https://uncodeui.com/c/cultui/family-button.html): buttons; needs lucide-react, motion - [Family Style Drawer](https://uncodeui.com/c/cultui/family-drawer.html): overlays; needs @radix-ui/react-slot, clsx, motion, react-use-measure, vaul - [Feature Carousel](https://uncodeui.com/c/cultui/feature-carousel.html): media; needs clsx, motion, next, react-wrap-balancer - [Feature Poll](https://uncodeui.com/c/cultui/feature-poll.html): layout; needs @radix-ui/react-use-controllable-state, class-variance-authority, lucide-react - [Feature Voting Board](https://uncodeui.com/c/cultui/feature-voting.html): layout; needs @radix-ui/react-use-controllable-state - [Floating Panel](https://uncodeui.com/c/cultui/floating-panel.html): other; needs lucide-react, motion - [Fractal Dot Grid Background](https://uncodeui.com/c/cultui/bg-animated-fractal-dot-grid.html): buttons; needs motion - [Fractal Grid Canvas](https://uncodeui.com/c/cultui/canvas-fractal-grid.html): backgrounds; needs motion - [Glowing Button](https://uncodeui.com/c/cultui/glow-button.html): effects; needs no extra packages - [Gradient Button Group](https://uncodeui.com/c/cultui/gradient-button-group.html): backgrounds; needs motion, next-themes - [Gradient Heading](https://uncodeui.com/c/cultui/gradient-heading.html): backgrounds; needs @radix-ui/react-slot, class-variance-authority - [Grid Beam Background](https://uncodeui.com/c/cultui/grid-beam.html): effects; needs no extra packages - [Heatmap Hero](https://uncodeui.com/c/cultui/hero-heatmap.html): data; needs @paper-design/shaders-react - [Hover To Play Video](https://uncodeui.com/c/cultui/hover-video-player.html): overlays; needs lucide-react, motion, next - [Inverted Pixel Paragraph](https://uncodeui.com/c/cultui/pixel-paragraph-words-inverse.html): text; needs geist - [Layout Guide Lines](https://uncodeui.com/c/cultui/stripe-bg-guides.html): other; needs motion - [Light Board](https://uncodeui.com/c/cultui/lightboard.html): other; needs no extra packages - [Liquid Metal Hero](https://uncodeui.com/c/cultui/hero-liquid-metal.html): layout; needs @paper-design/shaders-react - [Loading Carousel](https://uncodeui.com/c/cultui/loading-carousel.html): media; needs embla-carousel-autoplay, lucide-react, motion, next - [Logo Carousel](https://uncodeui.com/c/cultui/logo-carousel.html): media; needs motion - [Media Background](https://uncodeui.com/c/cultui/bg-media.html): other; needs class-variance-authority - [Metallic Button](https://uncodeui.com/c/cultui/metal-button.html): buttons; needs class-variance-authority, metal-fx - [Minimal Card](https://uncodeui.com/c/cultui/minimal-card.html): cards; needs next - [Morphing Surface](https://uncodeui.com/c/cultui/morph-surface.html): text; needs motion - [Neumorphic Button](https://uncodeui.com/c/cultui/neumorph-button.html): text; needs class-variance-authority, lucide-react, motion - [Neumorphic Eyebrow](https://uncodeui.com/c/cultui/neumorph-eyebrow.html): text; needs class-variance-authority - [Onboarding Flow](https://uncodeui.com/c/cultui/onboarding.html): other; needs @radix-ui/react-use-controllable-state, class-variance-authority - [Pixel Heading](https://uncodeui.com/c/cultui/pixel-heading-character.html): other; needs geist - [Pixel Heading, Word By Word](https://uncodeui.com/c/cultui/pixel-heading-word.html): text; needs geist - [Pixel Paragraph](https://uncodeui.com/c/cultui/pixel-paragraph-words.html): text; needs geist - [Poll Widget](https://uncodeui.com/c/cultui/poll-widget.html): other; needs @radix-ui/react-use-controllable-state, class-variance-authority, lucide-react, motion - [Popover](https://uncodeui.com/c/cultui/popover.html): overlays; needs lucide-react, motion - [Popover Form](https://uncodeui.com/c/cultui/popover-form.html): forms; needs lucide-react, motion - [Product Tour](https://uncodeui.com/c/cultui/intro-disclosure.html): other; needs lucide-react, motion, next - [Prompt Library](https://uncodeui.com/c/cultui/prompt-library.html): other; needs @hugeicons/core-free-icons, @hugeicons/react - [Radial Gradient Hero](https://uncodeui.com/c/cultui/hero-static-radial-gradient.html): backgrounds; needs @paper-design/shaders-react - [Shader Lens Blur](https://uncodeui.com/c/cultui/shader-lens-blur.html): effects; needs jotai, motion, next-themes, three - [Shifting Card](https://uncodeui.com/c/cultui/shift-card.html): cards; needs motion - [Sliding Side Panel](https://uncodeui.com/c/cultui/side-panel.html): other; needs motion, react-use-measure - [Sortable List](https://uncodeui.com/c/cultui/sortable-list.html): navigation; needs lucide-react, motion, react-use-measure - [Squiggle Arrow](https://uncodeui.com/c/cultui/squiggle-arrow.html): other; needs no extra packages - [SVG Bands](https://uncodeui.com/c/cultui/svg-bands.html): other; needs no extra packages - [SVG Shape Set](https://uncodeui.com/c/cultui/svg-shapes.html): other; needs no extra packages - [Texture Overlay](https://uncodeui.com/c/cultui/texture-overlay.html): text; needs no extra packages - [Textured Button](https://uncodeui.com/c/cultui/texture-button.html): text; needs @radix-ui/react-slot, class-variance-authority - [Textured Card](https://uncodeui.com/c/cultui/texture-card.html): text; needs no extra packages - [Textured Image Background](https://uncodeui.com/c/cultui/bg-image-texture.html): text; needs no extra packages - [Tweet Grid](https://uncodeui.com/c/cultui/tweet-grid.html): other; needs class-variance-authority - [Typewriter](https://uncodeui.com/c/cultui/typewriter.html): text; needs motion - [Typewriter Text](https://uncodeui.com/c/cultui/type-animate.html): other; needs motion - [Vote Tally](https://uncodeui.com/c/cultui/vote-tally.html): other; needs @radix-ui/react-use-controllable-state - [YouTube Player](https://uncodeui.com/c/cultui/youtube-video-player.html): media; needs lucide-react, motion ## Eldora UI (51 components, licence MIT) - [Animated Badge](https://uncodeui.com/c/eldora/animated-badge.html): feedback; needs motion, lucide-react - [Animated Frameworks](https://uncodeui.com/c/eldora/animated-frameworks.html): other; needs motion, react - [Animated Grid Pattern](https://uncodeui.com/c/eldora/animated-grid-pattern.html): effects; needs react, three, react-three-fiber - [Animated Notification List](https://uncodeui.com/c/eldora/animated-list.html): data; needs react - [Animated Shiny Button](https://uncodeui.com/c/eldora/animated-shiny-button.html): buttons; needs react - [Blur in Text](https://uncodeui.com/c/eldora/blur-in-text.html): effects; needs motion, react, clsx - [Browser](https://uncodeui.com/c/eldora/browser.html): other; needs react, lucide-react - [Card Flip Hover](https://uncodeui.com/c/eldora/card-flip-hover.html): cards; needs react - [Clerk OTP](https://uncodeui.com/c/eldora/clerk-otp.html): forms; needs react, motion - [Cobe Globe](https://uncodeui.com/c/eldora/cobe-globe.html): data; needs react-spring, cobe, react - [CTA 01](https://uncodeui.com/c/eldora/cta-01.html): buttons; needs motion/react, next-themes - [CTA 03](https://uncodeui.com/c/eldora/cta-03.html): buttons; needs lucide-react - [Dock Text](https://uncodeui.com/c/eldora/dock-text.html): text; needs react, motion - [Fade Text](https://uncodeui.com/c/eldora/fade-text.html): text; needs motion, react, clsx - [Features 01](https://uncodeui.com/c/eldora/features-01.html): layout; needs motion/react, @radix-ui/react-accordion, lucide-react - [Font Weight Text](https://uncodeui.com/c/eldora/font-weight-text.html): text; needs react - [Footer 01](https://uncodeui.com/c/eldora/footer-01.html): layout; needs lucide-react - [Github Inline Comments](https://uncodeui.com/c/eldora/github-inline-comments.html): other; needs react, lucide-react - [Gradual Spacing Text](https://uncodeui.com/c/eldora/gradual-spacing-text.html): text; needs motion, react, clsx - [Grid](https://uncodeui.com/c/eldora/grid.html): other; needs react - [Hacker Background](https://uncodeui.com/c/eldora/hacker-background.html): backgrounds; needs react - [Header 01](https://uncodeui.com/c/eldora/header-01.html): layout; needs motion/react, lucide-react, next-themes - [Holographic Card](https://uncodeui.com/c/eldora/holographic-card.html): cards; needs react, motion - [Integrations](https://uncodeui.com/c/eldora/integrations.html): other; needs react, motion, lucide-react - [Ipad](https://uncodeui.com/c/eldora/ipad.html): other; needs react - [Iphone 17 Pro](https://uncodeui.com/c/eldora/iphone-17-pro.html): other; needs react - [Letter Pull Up Text](https://uncodeui.com/c/eldora/letter-pull-up-text.html): text; needs motion, react, clsx - [Live Button](https://uncodeui.com/c/eldora/live-button.html): buttons; needs react - [Logo Cloud 01](https://uncodeui.com/c/eldora/logo-cloud-01.html): marquee; needs lucide-react - [Logo Cloud 02](https://uncodeui.com/c/eldora/logo-cloud-02.html): marquee; needs no extra packages - [Logo Cloud 03](https://uncodeui.com/c/eldora/logo-cloud-03.html): marquee; needs no extra packages - [Logo Timeline](https://uncodeui.com/c/eldora/logo-timeline.html): data; needs react, motion - [Macbook Pro](https://uncodeui.com/c/eldora/macbook-pro.html): other; needs react - [Map](https://uncodeui.com/c/eldora/map.html): data; needs motion - [Marquee](https://uncodeui.com/c/eldora/marquee.html): marquee; needs no extra packages - [Multi Direction Slide Text](https://uncodeui.com/c/eldora/multi-direction-slide-text.html): text; needs motion, react, clsx - [Novatrix Background](https://uncodeui.com/c/eldora/novatrix-background.html): backgrounds; needs react, ogl - [Orbit Rotation](https://uncodeui.com/c/eldora/orbit-rotation.html): effects; needs react, react-icons - [Photon Beam](https://uncodeui.com/c/eldora/photon-beam.html): effects; needs react, three - [Pricing 01](https://uncodeui.com/c/eldora/pricing-01.html): layout; needs motion/react - [Safari Browser](https://uncodeui.com/c/eldora/safari-browser.html): other; needs react - [Scale Letter Text](https://uncodeui.com/c/eldora/scale-letter-text.html): text; needs react - [Seperate Away Text](https://uncodeui.com/c/eldora/seperate-away-text.html): text; needs motion, react, clsx - [SVG Ripple Effect](https://uncodeui.com/c/eldora/svg-ripple-effect.html): effects; needs motion - [Terminal](https://uncodeui.com/c/eldora/terminal.html): data; needs react, lucide-react, react-icons/go - [Testimonal 01](https://uncodeui.com/c/eldora/testimonal-01.html): other; needs react-icons/md - [Testimonal 02](https://uncodeui.com/c/eldora/testimonal-02.html): other; needs motion/react - [Testimonal 03](https://uncodeui.com/c/eldora/testimonal-03.html): other; needs no extra packages - [Testimonal Slider](https://uncodeui.com/c/eldora/testimonal-slider.html): forms; needs react, @headlessui/react - [Wavy Text](https://uncodeui.com/c/eldora/wavy-text.html): text; needs motion, react, clsx - [Word Pull Up Text](https://uncodeui.com/c/eldora/word-pull-up-text.html): text; needs motion, react, clsx ## Fancy Components (49 components, licence MIT) - [Animated Gradient with SVG](https://uncodeui.com/c/fancy/animated-gradient-with-svg.html): backgrounds; needs no extra packages - [Basic Number Ticker](https://uncodeui.com/c/fancy/basic-number-ticker.html): text; needs motion - [Box Carousel](https://uncodeui.com/c/fancy/box-carousel.html): media; needs motion - [Breathing Text](https://uncodeui.com/c/fancy/breathing-text.html): text; needs motion - [Circling Elements](https://uncodeui.com/c/fancy/circling-elements.html): other; needs motion - [CSS Box](https://uncodeui.com/c/fancy/css-box.html): other; needs motion - [Cursor Attractor and Gravity](https://uncodeui.com/c/fancy/cursor-attractor-and-gravity.html): other; needs lodash, matter-js, svg-path-commander, poly-decomp, @types/matter-js - [Drag Elements](https://uncodeui.com/c/fancy/drag-elements.html): other; needs motion - [Elastic Line](https://uncodeui.com/c/fancy/elastic-line.html): other; needs motion - [Element Along SVG Path](https://uncodeui.com/c/fancy/element-along-svg-path.html): other; needs motion - [Float](https://uncodeui.com/c/fancy/float.html): other; needs motion - [Gooey SVG Filter](https://uncodeui.com/c/fancy/gooey-svg-filter.html): other; needs no extra packages - [Gravity](https://uncodeui.com/c/fancy/gravity.html): other; needs lodash, matter-js, svg-path-commander, poly-decomp, @types/matter-js - [Image Trail](https://uncodeui.com/c/fancy/image-trail.html): media; needs motion - [Letter 3D Swap](https://uncodeui.com/c/fancy/letter-3d-swap.html): text; needs motion - [Letter 3D Swap Rotate Top Explainer](https://uncodeui.com/c/fancy/letter-3d-swap-rotate-top-explainer.html): text; needs no extra packages - [Letter Swap Demo Line](https://uncodeui.com/c/fancy/letter-swap-demo-line.html): text; needs no extra packages - [Letter Swap Demo Stagger](https://uncodeui.com/c/fancy/letter-swap-demo-stagger.html): text; needs no extra packages - [Letter Swap Forward Anim](https://uncodeui.com/c/fancy/letter-swap-forward-anim.html): text; needs motion - [Letter Swap Pingpong Anim](https://uncodeui.com/c/fancy/letter-swap-pingpong-anim.html): text; needs lodash, motion - [Marquee Along SVG Path](https://uncodeui.com/c/fancy/marquee-along-svg-path.html): marquee; needs motion - [Media Between Text](https://uncodeui.com/c/fancy/media-between-text.html): text; needs motion - [Parallax Floating](https://uncodeui.com/c/fancy/parallax-floating.html): other; needs motion - [Pixel Trail](https://uncodeui.com/c/fancy/pixel-trail.html): other; needs motion, uuid - [Pixelate SVG Filter](https://uncodeui.com/c/fancy/pixelate-svg-filter.html): other; needs no extra packages - [Pixelate SVG Filter Text](https://uncodeui.com/c/fancy/pixelate-svg-filter-text.html): text; needs motion - [Random Letter Swap Forward Anim](https://uncodeui.com/c/fancy/random-letter-swap-forward-anim.html): text; needs lodash, motion - [Random Letter Swap Pingpong Anim](https://uncodeui.com/c/fancy/random-letter-swap-pingpong-anim.html): text; needs lodash, motion - [Scramble Hover](https://uncodeui.com/c/fancy/scramble-hover.html): text; needs motion - [Scramble in](https://uncodeui.com/c/fancy/scramble-in.html): text; needs no extra packages - [Screensaver](https://uncodeui.com/c/fancy/screensaver.html): other; needs motion - [Scroll and Swap Text](https://uncodeui.com/c/fancy/scroll-and-swap-text.html): text; needs motion - [Simple Carousel](https://uncodeui.com/c/fancy/simple-carousel.html): media; needs motion - [Simple Marquee](https://uncodeui.com/c/fancy/simple-marquee.html): marquee; needs motion - [Stacking Cards](https://uncodeui.com/c/fancy/stacking-cards.html): cards; needs motion - [Text Along Path](https://uncodeui.com/c/fancy/text-along-path.html): text; needs motion - [Text Cursor Proximity](https://uncodeui.com/c/fancy/text-cursor-proximity.html): text; needs motion - [Text Highlighter](https://uncodeui.com/c/fancy/text-highlighter.html): text; needs motion - [Text Rotate](https://uncodeui.com/c/fancy/text-rotate.html): text; needs motion - [Typewriter](https://uncodeui.com/c/fancy/typewriter.html): text; needs motion - [Underline Center](https://uncodeui.com/c/fancy/underline-center.html): other; needs motion - [Underline Comes in Goes Out](https://uncodeui.com/c/fancy/underline-comes-in-goes-out.html): other; needs clsx, motion - [Underline Goes Out Comes in](https://uncodeui.com/c/fancy/underline-goes-out-comes-in.html): other; needs clsx, motion - [Underline to Background](https://uncodeui.com/c/fancy/underline-to-background.html): backgrounds; needs motion - [Variable Font and Cursor](https://uncodeui.com/c/fancy/variable-font-and-cursor.html): other; needs motion - [Variable Font Cursor Proximity](https://uncodeui.com/c/fancy/variable-font-cursor-proximity.html): other; needs motion - [Variable Font Hover by Letter](https://uncodeui.com/c/fancy/variable-font-hover-by-letter.html): text; needs lodash, motion - [Variable Font Hover by Random Letter](https://uncodeui.com/c/fancy/variable-font-hover-by-random-letter.html): text; needs motion - [Vertical Cut Reveal](https://uncodeui.com/c/fancy/vertical-cut-reveal.html): other; needs motion ## HextaUI (139 components, licence MIT) - [Accordion](https://uncodeui.com/c/hextaui/accordion.html): layout; needs @radix-ui/react-accordion - [AI Chat History](https://uncodeui.com/c/hextaui/ai-chat-history.html): other; needs no extra packages - [AI Citations](https://uncodeui.com/c/hextaui/ai-citations.html): other; needs no extra packages - [AI Conversation](https://uncodeui.com/c/hextaui/ai-conversation.html): other; needs no extra packages - [AI Error Handler](https://uncodeui.com/c/hextaui/ai-error-handler.html): other; needs no extra packages - [AI File Upload](https://uncodeui.com/c/hextaui/ai-file-upload.html): forms; needs no extra packages - [AI Message](https://uncodeui.com/c/hextaui/ai-message.html): other; needs react-markdown, remark-gfm, shiki, next-themes - [AI Model Selector](https://uncodeui.com/c/hextaui/ai-model-selector.html): forms; needs no extra packages - [AI Prompt Input](https://uncodeui.com/c/hextaui/ai-prompt-input.html): forms; needs no extra packages - [AI Prompt Templates](https://uncodeui.com/c/hextaui/ai-prompt-templates.html): other; needs no extra packages - [AI Settings Panel](https://uncodeui.com/c/hextaui/ai-settings-panel.html): other; needs no extra packages - [AI Streaming Response](https://uncodeui.com/c/hextaui/ai-streaming-response.html): other; needs no extra packages - [AI Suggested Prompts](https://uncodeui.com/c/hextaui/ai-suggested-prompts.html): other; needs no extra packages - [AI Thinking](https://uncodeui.com/c/hextaui/ai-thinking.html): other; needs no extra packages - [AI Usage Quota](https://uncodeui.com/c/hextaui/ai-usage-quota.html): other; needs no extra packages - [Alert](https://uncodeui.com/c/hextaui/alert.html): feedback; needs no extra packages - [Alert Dialog](https://uncodeui.com/c/hextaui/alert-dialog.html): overlays; needs @radix-ui/react-alert-dialog - [Aspect Ratio](https://uncodeui.com/c/hextaui/aspect-ratio.html): layout; needs @radix-ui/react-aspect-ratio - [Auth Account Delete](https://uncodeui.com/c/hextaui/auth-account-delete.html): other; needs no extra packages - [Auth Change Password](https://uncodeui.com/c/hextaui/auth-change-password.html): text; needs no extra packages - [Auth Email Change](https://uncodeui.com/c/hextaui/auth-email-change.html): other; needs no extra packages - [Auth Forgot Password](https://uncodeui.com/c/hextaui/auth-forgot-password.html): text; needs no extra packages - [Auth Login Form](https://uncodeui.com/c/hextaui/auth-login-form.html): forms; needs no extra packages - [Auth Magic Link](https://uncodeui.com/c/hextaui/auth-magic-link.html): other; needs no extra packages - [Auth OTP Verify](https://uncodeui.com/c/hextaui/auth-otp-verify.html): forms; needs no extra packages - [Auth Phone Verify](https://uncodeui.com/c/hextaui/auth-phone-verify.html): other; needs no extra packages - [Auth Recovery Codes](https://uncodeui.com/c/hextaui/auth-recovery-codes.html): data; needs no extra packages - [Auth Reset Password](https://uncodeui.com/c/hextaui/auth-reset-password.html): text; needs no extra packages - [Auth Session Manager](https://uncodeui.com/c/hextaui/auth-session-manager.html): other; needs no extra packages - [Auth Signup Form](https://uncodeui.com/c/hextaui/auth-signup-form.html): forms; needs no extra packages - [Auth Social Accounts](https://uncodeui.com/c/hextaui/auth-social-accounts.html): other; needs no extra packages - [Auth Two Factor Setup](https://uncodeui.com/c/hextaui/auth-two-factor-setup.html): other; needs next - [Auth Two Factor Verify](https://uncodeui.com/c/hextaui/auth-two-factor-verify.html): other; needs no extra packages - [Auth Verify Email](https://uncodeui.com/c/hextaui/auth-verify-email.html): other; needs no extra packages - [Avatar](https://uncodeui.com/c/hextaui/avatar.html): media; needs @radix-ui/react-avatar - [Badge](https://uncodeui.com/c/hextaui/badge.html): feedback; needs @radix-ui/react-slot - [Billing Billing History](https://uncodeui.com/c/hextaui/billing-billing-history.html): other; needs no extra packages - [Billing Coupon Code](https://uncodeui.com/c/hextaui/billing-coupon-code.html): data; needs no extra packages - [Billing Invoice Details](https://uncodeui.com/c/hextaui/billing-invoice-details.html): other; needs no extra packages - [Billing Invoice List](https://uncodeui.com/c/hextaui/billing-invoice-list.html): data; needs no extra packages - [Billing Payment Failed](https://uncodeui.com/c/hextaui/billing-payment-failed.html): other; needs no extra packages - [Billing Payment Form](https://uncodeui.com/c/hextaui/billing-payment-form.html): forms; needs no extra packages - [Billing Payment Method](https://uncodeui.com/c/hextaui/billing-payment-method.html): other; needs no extra packages - [Billing Payment Schedule](https://uncodeui.com/c/hextaui/billing-payment-schedule.html): other; needs no extra packages - [Billing Plan Selector](https://uncodeui.com/c/hextaui/billing-plan-selector.html): forms; needs no extra packages - [Billing Pricing Table](https://uncodeui.com/c/hextaui/billing-pricing-table.html): navigation; needs no extra packages - [Billing Subscription Card](https://uncodeui.com/c/hextaui/billing-subscription-card.html): cards; needs no extra packages - [Billing Subscription Settings](https://uncodeui.com/c/hextaui/billing-subscription-settings.html): other; needs no extra packages - [Billing Upgrade Prompt](https://uncodeui.com/c/hextaui/billing-upgrade-prompt.html): other; needs no extra packages - [Billing Usage Alerts](https://uncodeui.com/c/hextaui/billing-usage-alerts.html): feedback; needs no extra packages - [Billing Usage Billing](https://uncodeui.com/c/hextaui/billing-usage-billing.html): other; needs no extra packages - [Breadcrumb](https://uncodeui.com/c/hextaui/breadcrumb.html): navigation; needs @radix-ui/react-slot - [Button](https://uncodeui.com/c/hextaui/button.html): buttons; needs @radix-ui/react-slot - [Button Group](https://uncodeui.com/c/hextaui/button-group.html): buttons; needs no extra packages - [Calendar](https://uncodeui.com/c/hextaui/calendar.html): forms; needs react-day-picker@latest, date-fns - [Card](https://uncodeui.com/c/hextaui/card.html): cards; needs no extra packages - [Carousel](https://uncodeui.com/c/hextaui/carousel.html): media; needs embla-carousel-react - [Checkbox](https://uncodeui.com/c/hextaui/checkbox.html): forms; needs @radix-ui/react-checkbox - [Collapsible](https://uncodeui.com/c/hextaui/collapsible.html): layout; needs @radix-ui/react-collapsible - [Command Menu](https://uncodeui.com/c/hextaui/command-menu.html): navigation; needs @radix-ui/react-visually-hidden, @radix-ui/react-dialog - [Context Menu](https://uncodeui.com/c/hextaui/context-menu.html): text; needs @radix-ui/react-context-menu - [Dialog](https://uncodeui.com/c/hextaui/dialog.html): overlays; needs @radix-ui/react-dialog - [Drawer](https://uncodeui.com/c/hextaui/drawer.html): overlays; needs vaul, @radix-ui/react-dialog - [Dropdown Menu](https://uncodeui.com/c/hextaui/dropdown-menu.html): navigation; needs @radix-ui/react-dropdown-menu - [Empty](https://uncodeui.com/c/hextaui/empty.html): other; needs no extra packages - [Field](https://uncodeui.com/c/hextaui/field.html): forms; needs no extra packages - [Hover Card](https://uncodeui.com/c/hextaui/hover-card.html): cards; needs @radix-ui/react-hover-card - [Input](https://uncodeui.com/c/hextaui/input.html): forms; needs no extra packages - [Input Group](https://uncodeui.com/c/hextaui/input-group.html): forms; needs no extra packages - [Item](https://uncodeui.com/c/hextaui/item.html): other; needs no extra packages - [Kbd](https://uncodeui.com/c/hextaui/kbd.html): other; needs no extra packages - [Label](https://uncodeui.com/c/hextaui/label.html): other; needs @radix-ui/react-label - [Menubar](https://uncodeui.com/c/hextaui/menubar.html): navigation; needs @radix-ui/react-menubar - [Native Select](https://uncodeui.com/c/hextaui/native-select.html): forms; needs no extra packages - [Navigation Menu](https://uncodeui.com/c/hextaui/navigation-menu.html): navigation; needs @radix-ui/react-navigation-menu - [One Time Code Input](https://uncodeui.com/c/hextaui/input-otp.html): forms; needs input-otp - [Pagination](https://uncodeui.com/c/hextaui/pagination.html): navigation; needs no extra packages - [Popover](https://uncodeui.com/c/hextaui/popover.html): overlays; needs @radix-ui/react-popover - [Progress](https://uncodeui.com/c/hextaui/progress.html): feedback; needs @radix-ui/react-progress - [Project List](https://uncodeui.com/c/hextaui/project-list.html): data; needs no extra packages - [Radio Group](https://uncodeui.com/c/hextaui/radio-group.html): forms; needs @radix-ui/react-radio-group - [Resizable](https://uncodeui.com/c/hextaui/resizable.html): layout; needs react-resizable-panels - [Scroll Area](https://uncodeui.com/c/hextaui/scroll-area.html): marquee; needs @radix-ui/react-scroll-area - [Select](https://uncodeui.com/c/hextaui/select.html): forms; needs @radix-ui/react-select - [Separator](https://uncodeui.com/c/hextaui/separator.html): layout; needs @radix-ui/react-separator - [Settings Account](https://uncodeui.com/c/hextaui/settings-account.html): other; needs no extra packages - [Settings Activity Log](https://uncodeui.com/c/hextaui/settings-activity-log.html): other; needs no extra packages - [Settings Advanced](https://uncodeui.com/c/hextaui/settings-advanced.html): other; needs no extra packages - [Settings API Keys](https://uncodeui.com/c/hextaui/settings-api-keys.html): other; needs no extra packages - [Settings Backup](https://uncodeui.com/c/hextaui/settings-backup.html): other; needs no extra packages - [Settings Domains](https://uncodeui.com/c/hextaui/settings-domains.html): other; needs no extra packages - [Settings Export Data](https://uncodeui.com/c/hextaui/settings-export-data.html): other; needs no extra packages - [Settings Import Data](https://uncodeui.com/c/hextaui/settings-import-data.html): other; needs no extra packages - [Settings Integrations](https://uncodeui.com/c/hextaui/settings-integrations.html): other; needs no extra packages - [Settings Notifications](https://uncodeui.com/c/hextaui/settings-notifications.html): feedback; needs no extra packages - [Settings Preferences](https://uncodeui.com/c/hextaui/settings-preferences.html): other; needs no extra packages - [Settings Privacy](https://uncodeui.com/c/hextaui/settings-privacy.html): other; needs no extra packages - [Settings Profile](https://uncodeui.com/c/hextaui/settings-profile.html): other; needs no extra packages - [Settings Security](https://uncodeui.com/c/hextaui/settings-security.html): other; needs no extra packages - [Settings Sso](https://uncodeui.com/c/hextaui/settings-sso.html): other; needs no extra packages - [Settings Storage](https://uncodeui.com/c/hextaui/settings-storage.html): other; needs no extra packages - [Settings Team Members](https://uncodeui.com/c/hextaui/settings-team-members.html): other; needs no extra packages - [Settings Webhooks](https://uncodeui.com/c/hextaui/settings-webhooks.html): other; needs no extra packages - [Sheet](https://uncodeui.com/c/hextaui/sheet.html): overlays; needs @radix-ui/react-dialog - [Sidebar](https://uncodeui.com/c/hextaui/sidebar.html): navigation; needs @radix-ui/react-slot - [Skeleton](https://uncodeui.com/c/hextaui/skeleton.html): feedback; needs no extra packages - [Slider](https://uncodeui.com/c/hextaui/slider.html): forms; needs @radix-ui/react-slider - [Sonner](https://uncodeui.com/c/hextaui/sonner.html): feedback; needs sonner, next-themes - [Spinner](https://uncodeui.com/c/hextaui/spinner.html): feedback; needs class-variance-authority - [Switch](https://uncodeui.com/c/hextaui/switch.html): forms; needs @radix-ui/react-switch - [Table](https://uncodeui.com/c/hextaui/table.html): navigation; needs no extra packages - [Tabs](https://uncodeui.com/c/hextaui/tabs.html): navigation; needs @radix-ui/react-tabs - [Task Board](https://uncodeui.com/c/hextaui/task-board.html): other; needs no extra packages - [Task Create](https://uncodeui.com/c/hextaui/task-create.html): other; needs no extra packages - [Task Detail](https://uncodeui.com/c/hextaui/task-detail.html): other; needs nuqs - [Task Filters](https://uncodeui.com/c/hextaui/task-filters.html): other; needs no extra packages - [Task List](https://uncodeui.com/c/hextaui/task-list.html): data; needs no extra packages - [Task Progress](https://uncodeui.com/c/hextaui/task-progress.html): feedback; needs no extra packages - [Team Activity Feed](https://uncodeui.com/c/hextaui/team-activity-feed.html): other; needs no extra packages - [Team AI Room](https://uncodeui.com/c/hextaui/team-ai-room.html): other; needs no extra packages - [Team Analytics](https://uncodeui.com/c/hextaui/team-analytics.html): other; needs no extra packages - [Team Chat](https://uncodeui.com/c/hextaui/team-chat.html): other; needs no extra packages - [Team Dashboard](https://uncodeui.com/c/hextaui/team-dashboard.html): other; needs no extra packages - [Team Files](https://uncodeui.com/c/hextaui/team-files.html): other; needs no extra packages - [Team Invitations](https://uncodeui.com/c/hextaui/team-invitations.html): other; needs no extra packages - [Team Member List](https://uncodeui.com/c/hextaui/team-member-list.html): data; needs no extra packages - [Team Notes](https://uncodeui.com/c/hextaui/team-notes.html): other; needs no extra packages - [Team Notifications](https://uncodeui.com/c/hextaui/team-notifications.html): feedback; needs no extra packages - [Team Permissions Matrix](https://uncodeui.com/c/hextaui/team-permissions-matrix.html): other; needs no extra packages - [Team Projects](https://uncodeui.com/c/hextaui/team-projects.html): other; needs no extra packages - [Team Prompt Library](https://uncodeui.com/c/hextaui/team-prompt-library.html): other; needs no extra packages - [Team Settings](https://uncodeui.com/c/hextaui/team-settings.html): other; needs no extra packages - [Team Switcher](https://uncodeui.com/c/hextaui/team-switcher.html): forms; needs no extra packages - [Textarea](https://uncodeui.com/c/hextaui/textarea.html): text; needs no extra packages - [Toggle](https://uncodeui.com/c/hextaui/toggle.html): other; needs @radix-ui/react-toggle - [Toggle Group](https://uncodeui.com/c/hextaui/toggle-group.html): other; needs @radix-ui/react-toggle-group - [Tooltip](https://uncodeui.com/c/hextaui/tooltip.html): overlays; needs @radix-ui/react-tooltip - [Tree](https://uncodeui.com/c/hextaui/tree.html): data; needs @radix-ui/react-slot - [Video Player](https://uncodeui.com/c/hextaui/video-player.html): media; needs @radix-ui/react-slot ## Kokonut UI (46 components, licence MIT) - [Activity Rings Card](https://uncodeui.com/c/kokonut/apple-activity-card.html): cards; needs motion - [AI Loading Indicator](https://uncodeui.com/c/kokonut/ai-loading.html): other; needs motion - [AI Loading Text](https://uncodeui.com/c/kokonut/ai-text-loading.html): text; needs motion - [AI Prompt Input](https://uncodeui.com/c/kokonut/ai-prompt.html): other; needs lucide-react, motion - [AI Search Input](https://uncodeui.com/c/kokonut/ai-input-search.html): forms; needs motion - [Animated Path Background](https://uncodeui.com/c/kokonut/background-paths.html): backgrounds; needs motion - [Avatar Picker](https://uncodeui.com/c/kokonut/avatar-picker.html): media; needs lucide-react, motion - [Bento Grid](https://uncodeui.com/c/kokonut/bento-grid.html): cards; needs lucide-react, motion - [Card Carousel](https://uncodeui.com/c/kokonut/carousel-cards.html): cards; needs lucide-react - [Command Palette Button](https://uncodeui.com/c/kokonut/command-button.html): buttons; needs lucide-react - [Command Search Bar](https://uncodeui.com/c/kokonut/action-search-bar.html): forms; needs lucide-react, motion - [Currency Transfer Form](https://uncodeui.com/c/kokonut/currency-transfer.html): other; needs lucide-react, motion - [Cursor Reactive Card](https://uncodeui.com/c/kokonut/mouse-effect-card.html): cards; needs motion - [Dynamic Text Swap](https://uncodeui.com/c/kokonut/dynamic-text.html): text; needs motion - [File Upload](https://uncodeui.com/c/kokonut/file-upload.html): forms; needs lucide-react, motion - [Flip Card](https://uncodeui.com/c/kokonut/card-flip.html): cards; needs lucide-react - [Floating Shapes Hero](https://uncodeui.com/c/kokonut/shape-hero.html): layout; needs motion - [Flow Field Background](https://uncodeui.com/c/kokonut/flow-field.html): forms; needs motion - [Glitch Text](https://uncodeui.com/c/kokonut/glitch-text.html): text; needs motion - [Gradient Button](https://uncodeui.com/c/kokonut/gradient-button.html): backgrounds; needs no extra packages - [Hold To Confirm Button](https://uncodeui.com/c/kokonut/hold-button.html): buttons; needs lucide-react, motion - [Light Beams Background](https://uncodeui.com/c/kokonut/beams-background.html): effects; needs motion - [Liquid Glass Card](https://uncodeui.com/c/kokonut/liquid-glass-card.html): cards; needs lucide-react - [Loading Spinner](https://uncodeui.com/c/kokonut/loader.html): feedback; needs motion - [Magnetic Attract Button](https://uncodeui.com/c/kokonut/attract-button.html): buttons; needs lucide-react, motion - [Matrix Text](https://uncodeui.com/c/kokonut/matrix-text.html): text; needs motion - [Morphing Navigation Bar](https://uncodeui.com/c/kokonut/morphic-navbar.html): text; needs clsx - [Open In v0 Button](https://uncodeui.com/c/kokonut/v0-button.html): buttons; needs no extra packages - [Particle Burst Button](https://uncodeui.com/c/kokonut/particle-button.html): effects; needs lucide-react, motion - [Profile Dropdown](https://uncodeui.com/c/kokonut/profile-dropdown.html): overlays; needs lucide-react - [Scroll Driven Text](https://uncodeui.com/c/kokonut/scroll-text.html): text; needs motion - [Shimmer Text](https://uncodeui.com/c/kokonut/shimmer-text.html): effects; needs motion - [Sliced Text](https://uncodeui.com/c/kokonut/sliced-text.html): text; needs motion - [Sliding Label Button](https://uncodeui.com/c/kokonut/slide-text-button.html): text; needs motion - [Smooth Drawer](https://uncodeui.com/c/kokonut/smooth-drawer.html): overlays; needs motion - [Smooth Tabs](https://uncodeui.com/c/kokonut/smooth-tab.html): navigation; needs motion, lucide-react - [Social Share Button](https://uncodeui.com/c/kokonut/social-button.html): buttons; needs lucide-react, motion - [Spotlight Feature Grid](https://uncodeui.com/c/kokonut/spotlight-cards.html): backgrounds; needs motion, lucide-react - [Stacked Cards](https://uncodeui.com/c/kokonut/card-stack.html): cards; needs motion - [Swoosh Text](https://uncodeui.com/c/kokonut/swoosh-text.html): text; needs motion - [Team Member Selector](https://uncodeui.com/c/kokonut/team-selector.html): forms; needs motion, lucide-react - [Toggle Switch Button](https://uncodeui.com/c/kokonut/switch-button.html): buttons; needs lucide-react - [Toolbar](https://uncodeui.com/c/kokonut/toolbar.html): navigation; needs lucide-react, motion - [Tweet Card](https://uncodeui.com/c/kokonut/tweet-card.html): cards; needs lucide-react - [Typewriter Text](https://uncodeui.com/c/kokonut/type-writer.html): other; needs motion - [Voice Input Button](https://uncodeui.com/c/kokonut/ai-voice.html): other; needs motion, lucide-react ## Magic UI (103 components, licence MIT) - [3D Flipping Text](https://uncodeui.com/c/magicui/text-3d-flip.html): text; needs motion - [3D Marquee](https://uncodeui.com/c/magicui/marquee-3d.html): marquee; needs no extra packages - [Android Mockup](https://uncodeui.com/c/magicui/android.html): other; needs no extra packages - [Animated Beam](https://uncodeui.com/c/magicui/animated-beam.html): effects; needs motion - [Animated Beam, Many To One](https://uncodeui.com/c/magicui/animated-beam-multiple-inputs.html): effects; needs no extra packages - [Animated Beam, One To Many](https://uncodeui.com/c/magicui/animated-beam-multiple-outputs.html): effects; needs no extra packages - [Animated Beam, One Way](https://uncodeui.com/c/magicui/animated-beam-unidirectional.html): effects; needs no extra packages - [Animated Beam, Two Way](https://uncodeui.com/c/magicui/animated-beam-bidirectional.html): effects; needs no extra packages - [Animated Grid Pattern](https://uncodeui.com/c/magicui/animated-grid-pattern.html): effects; needs motion - [Animated Notification List](https://uncodeui.com/c/magicui/animated-list.html): data; needs motion - [Animated Text](https://uncodeui.com/c/magicui/text-animate.html): text; needs motion - [Aurora Gradient Text](https://uncodeui.com/c/magicui/aurora-text.html): effects; needs no extra packages - [Avatar Circles](https://uncodeui.com/c/magicui/avatar-circles.html): media; needs no extra packages - [Backlight Glow](https://uncodeui.com/c/magicui/backlight.html): other; needs no extra packages - [Bento Grid](https://uncodeui.com/c/magicui/bento-grid.html): cards; needs @radix-ui/react-icons - [Blur Fade In](https://uncodeui.com/c/magicui/blur-fade.html): effects; needs motion - [Border Beam](https://uncodeui.com/c/magicui/border-beam.html): effects; needs motion - [Circular Progress Bar](https://uncodeui.com/c/magicui/animated-circular-progress-bar.html): feedback; needs no extra packages - [Code Diff Viewer](https://uncodeui.com/c/magicui/code-comparison.html): data; needs shiki, next-themes - [Comic Text](https://uncodeui.com/c/magicui/comic-text.html): text; needs motion - [Confetti](https://uncodeui.com/c/magicui/confetti.html): effects; needs canvas-confetti, @types/canvas-confetti - [Confetti Burst](https://uncodeui.com/c/magicui/confetti-random-direction.html): effects; needs no extra packages - [Confetti Cannon](https://uncodeui.com/c/magicui/confetti-basic-cannon.html): effects; needs no extra packages - [Confetti Fireworks](https://uncodeui.com/c/magicui/confetti-fireworks.html): effects; needs no extra packages - [Confetti Side Cannons](https://uncodeui.com/c/magicui/confetti-side-cannons.html): effects; needs no extra packages - [Confetti With Custom Shapes](https://uncodeui.com/c/magicui/confetti-custom-shapes.html): effects; needs no extra packages - [Cool Mode Particles](https://uncodeui.com/c/magicui/cool-mode.html): other; needs no extra packages - [Cool Mode Particles](https://uncodeui.com/c/magicui/cool-mode-custom.html): other; needs no extra packages - [Custom Pointer](https://uncodeui.com/c/magicui/pointer.html): other; needs motion - [Dashed Grid Pattern](https://uncodeui.com/c/magicui/grid-pattern-dashed.html): effects; needs no extra packages - [Dashed Hexagon Pattern](https://uncodeui.com/c/magicui/hexagon-pattern-dashed.html): other; needs no extra packages - [Dashed Striped Pattern](https://uncodeui.com/c/magicui/striped-pattern-dashed.html): other; needs no extra packages - [Dock](https://uncodeui.com/c/magicui/dock.html): navigation; needs motion - [Dot Pattern](https://uncodeui.com/c/magicui/dot-pattern.html): effects; needs no extra packages - [Dot Pattern, Glowing](https://uncodeui.com/c/magicui/dot-pattern-with-glow-effect.html): effects; needs no extra packages - [Dot Pattern, Gradient Fade](https://uncodeui.com/c/magicui/dot-pattern-linear-gradient.html): effects; needs no extra packages - [Dotted World Map](https://uncodeui.com/c/magicui/dotted-map.html): data; needs svg-dotted-map - [Emoji Confetti](https://uncodeui.com/c/magicui/confetti-emoji.html): effects; needs no extra packages - [File Tree](https://uncodeui.com/c/magicui/file-tree.html): data; needs no extra packages - [Flickering Grid](https://uncodeui.com/c/magicui/flickering-grid.html): effects; needs no extra packages - [Glare Hover Alert](https://uncodeui.com/c/magicui/glare-hover-demo-alert.html): overlays; needs no extra packages - [Glare Hover Call To Action](https://uncodeui.com/c/magicui/glare-hover-demo-cta.html): buttons; needs no extra packages - [Glare On Hover](https://uncodeui.com/c/magicui/glare-hover.html): overlays; needs no extra packages - [Glyph Matrix](https://uncodeui.com/c/magicui/glyph-matrix.html): other; needs no extra packages - [Gradient Text](https://uncodeui.com/c/magicui/animated-gradient-text.html): text; needs no extra packages - [Grid Pattern](https://uncodeui.com/c/magicui/grid-pattern.html): effects; needs no extra packages - [Grid Pattern, Gradient Fade](https://uncodeui.com/c/magicui/grid-pattern-linear-gradient.html): effects; needs no extra packages - [Hero Video Dialog](https://uncodeui.com/c/magicui/hero-video-dialog.html): overlays; needs motion - [Hero Video Dialog](https://uncodeui.com/c/magicui/hero-video-dialog-demo-top-in-bottom-out.html): overlays; needs no extra packages - [Hexagon Pattern](https://uncodeui.com/c/magicui/hexagon-pattern.html): other; needs no extra packages - [Hexagon Pattern, Gradient Fade](https://uncodeui.com/c/magicui/hexagon-pattern-linear-gradient.html): backgrounds; needs no extra packages - [Interactive Globe](https://uncodeui.com/c/magicui/globe.html): data; needs cobe@^0.6.4, motion - [Interactive Grid Pattern](https://uncodeui.com/c/magicui/interactive-grid-pattern.html): effects; needs no extra packages - [Interactive Hover Button](https://uncodeui.com/c/magicui/interactive-hover-button.html): buttons; needs no extra packages - [iPhone Mockup](https://uncodeui.com/c/magicui/iphone.html): other; needs no extra packages - [Kinetic Text](https://uncodeui.com/c/magicui/kinetic-text.html): text; needs no extra packages - [Light Rays](https://uncodeui.com/c/magicui/light-rays.html): other; needs motion - [Line Shadow Text](https://uncodeui.com/c/magicui/line-shadow-text.html): text; needs motion - [Logo Marquee](https://uncodeui.com/c/magicui/marquee-logos.html): marquee; needs no extra packages - [Magic Card](https://uncodeui.com/c/magicui/magic-card.html): cards; needs motion, next-themes - [Magnifying Lens](https://uncodeui.com/c/magicui/lens.html): other; needs motion - [Marquee](https://uncodeui.com/c/magicui/marquee.html): marquee; needs no extra packages - [Meteor Shower](https://uncodeui.com/c/magicui/meteors.html): effects; needs no extra packages - [Morphing Text](https://uncodeui.com/c/magicui/morphing-text.html): text; needs no extra packages - [Neon Gradient Card](https://uncodeui.com/c/magicui/neon-gradient-card.html): effects; needs no extra packages - [Noise Texture](https://uncodeui.com/c/magicui/noise-texture.html): effects; needs no extra packages - [Number Ticker](https://uncodeui.com/c/magicui/number-ticker.html): text; needs motion - [Orbiting Icons](https://uncodeui.com/c/magicui/orbiting-circles.html): effects; needs no extra packages - [Particle Field](https://uncodeui.com/c/magicui/particles.html): effects; needs no extra packages - [Pixelated Image Reveal](https://uncodeui.com/c/magicui/pixel-image.html): media; needs no extra packages - [Progressive Blur Overlay](https://uncodeui.com/c/magicui/progressive-blur.html): effects; needs no extra packages - [Pulsating Button](https://uncodeui.com/c/magicui/pulsating-button.html): buttons; needs no extra packages - [Rainbow Button](https://uncodeui.com/c/magicui/rainbow-button.html): buttons; needs no extra packages - [Retro Grid](https://uncodeui.com/c/magicui/retro-grid.html): effects; needs no extra packages - [Right Leaning Stripes](https://uncodeui.com/c/magicui/striped-pattern-right.html): other; needs no extra packages - [Ripple Button](https://uncodeui.com/c/magicui/ripple-button.html): effects; needs no extra packages - [Ripple Rings](https://uncodeui.com/c/magicui/ripple.html): effects; needs no extra packages - [Rotating Icon Cloud](https://uncodeui.com/c/magicui/icon-cloud.html): media; needs lucide-react - [Rotating Words](https://uncodeui.com/c/magicui/word-rotate.html): text; needs motion - [Safari Window Mockup](https://uncodeui.com/c/magicui/safari.html): other; needs no extra packages - [Scrambling Hover Text](https://uncodeui.com/c/magicui/hyper-text.html): text; needs motion - [Scroll Progress Bar](https://uncodeui.com/c/magicui/scroll-progress.html): marquee; needs motion - [Scroll Reveal Text](https://uncodeui.com/c/magicui/text-reveal.html): text; needs motion - [Shimmer Button](https://uncodeui.com/c/magicui/shimmer-button.html): effects; needs no extra packages - [Shine Border](https://uncodeui.com/c/magicui/shine-border.html): effects; needs no extra packages - [Shiny Button](https://uncodeui.com/c/magicui/shiny-button.html): buttons; needs motion - [Shiny Text](https://uncodeui.com/c/magicui/animated-shiny-text.html): text; needs no extra packages - [Smooth Cursor](https://uncodeui.com/c/magicui/smooth-cursor.html): other; needs framer-motion - [Spaced Hexagon Pattern](https://uncodeui.com/c/magicui/hexagon-pattern-spacing.html): other; needs no extra packages - [Sparkles Text](https://uncodeui.com/c/magicui/sparkles-text.html): effects; needs motion - [Star Confetti](https://uncodeui.com/c/magicui/confetti-stars.html): effects; needs no extra packages - [Striped Pattern](https://uncodeui.com/c/magicui/striped-pattern.html): other; needs no extra packages - [Terminal](https://uncodeui.com/c/magicui/terminal.html): data; needs no extra packages - [Text Highlighter](https://uncodeui.com/c/magicui/highlighter.html): text; needs motion, rough-notation - [Text On A Circle](https://uncodeui.com/c/magicui/spinning-text.html): text; needs motion - [Text Reveal](https://uncodeui.com/c/magicui/dia-text-reveal.html): text; needs motion - [Theme Toggle](https://uncodeui.com/c/magicui/animated-theme-toggler.html): other; needs lucide-react - [Typing Animation](https://uncodeui.com/c/magicui/typing-animation.html): text; needs motion - [Velocity Scroll Text](https://uncodeui.com/c/magicui/scroll-based-velocity.html): marquee; needs motion - [Vertical Bento Grid](https://uncodeui.com/c/magicui/bento-demo-vertical.html): cards; needs @radix-ui/react-icons - [Vertical Marquee](https://uncodeui.com/c/magicui/marquee-demo-vertical.html): marquee; needs no extra packages - [Video Filled Text](https://uncodeui.com/c/magicui/video-text.html): text; needs no extra packages - [Warp Background](https://uncodeui.com/c/magicui/warp-background.html): effects; needs motion ## Motion Primitives (128 components, licence MIT) - [Accordion](https://uncodeui.com/c/motionprim/accordion.html): layout; needs motion - [Accordion](https://uncodeui.com/c/motionprim/accordion-basic.html): layout; needs no extra packages - [Accordion](https://uncodeui.com/c/motionprim/accordion-icons.html): layout; needs lucide-react - [Accordion](https://uncodeui.com/c/motionprim/accordion-variant.html): layout; needs lucide-react - [Animated Border Trail](https://uncodeui.com/c/motionprim/border-trail.html): other; needs motion - [Animated Border Trail](https://uncodeui.com/c/motionprim/border-trail-card-1.html): cards; needs no extra packages - [Animated Border Trail](https://uncodeui.com/c/motionprim/border-trail-card-2.html): cards; needs no extra packages - [Animated Border Trail](https://uncodeui.com/c/motionprim/border-trail-textarea.html): text; needs no extra packages - [Animated Number](https://uncodeui.com/c/motionprim/animated-number.html): other; needs motion - [Animated Number](https://uncodeui.com/c/motionprim/animated-number-basic.html): other; needs no extra packages - [Animated Number](https://uncodeui.com/c/motionprim/animated-number-counter.html): text; needs lucide-react - [Animated Number](https://uncodeui.com/c/motionprim/animated-number-in-view.html): other; needs motion - [Animated Tab Background](https://uncodeui.com/c/motionprim/animated-background.html): backgrounds; needs motion - [Animated Tab Background](https://uncodeui.com/c/motionprim/animated-card-background-hover.html): backgrounds; needs no extra packages - [Animated Tab Background](https://uncodeui.com/c/motionprim/animated-tabs-hover.html): navigation; needs no extra packages - [Animated Tab Background](https://uncodeui.com/c/motionprim/animated-tabs.html): navigation; needs lucide-react - [Animated Tab Background](https://uncodeui.com/c/motionprim/segmented-control.html): other; needs no extra packages - [Before And After Slider](https://uncodeui.com/c/motionprim/image-comparison.html): media; needs motion - [Before And After Slider](https://uncodeui.com/c/motionprim/image-comparison-basic.html): media; needs no extra packages - [Before And After Slider](https://uncodeui.com/c/motionprim/image-comparison-custom-slider.html): forms; needs no extra packages - [Before And After Slider](https://uncodeui.com/c/motionprim/image-comparison-hover.html): overlays; needs no extra packages - [Before And After Slider](https://uncodeui.com/c/motionprim/image-comparison-spring.html): media; needs no extra packages - [Carousel](https://uncodeui.com/c/motionprim/carousel.html): media; needs lucide-react, motion - [Carousel](https://uncodeui.com/c/motionprim/carousel-basic.html): media; needs no extra packages - [Carousel](https://uncodeui.com/c/motionprim/carousel-custom-indicator.html): media; needs no extra packages - [Carousel](https://uncodeui.com/c/motionprim/carousel-custom-sizes.html): media; needs no extra packages - [Carousel](https://uncodeui.com/c/motionprim/carousel-spacing.html): media; needs no extra packages - [Custom Cursor](https://uncodeui.com/c/motionprim/cursor.html): other; needs motion - [Custom Cursor](https://uncodeui.com/c/motionprim/cursor-1.html): other; needs lucide-react, motion - [Custom Cursor](https://uncodeui.com/c/motionprim/cursor-2.html): other; needs no extra packages - [Custom Cursor](https://uncodeui.com/c/motionprim/cursor-3.html): other; needs no extra packages - [Dialog](https://uncodeui.com/c/motionprim/dialog.html): overlays; needs lucide-react, motion - [Dialog](https://uncodeui.com/c/motionprim/dialog-basic.html): overlays; needs no extra packages - [Dialog](https://uncodeui.com/c/motionprim/dialog-controlled.html): overlays; needs no extra packages - [Dialog](https://uncodeui.com/c/motionprim/dialog-custom-backdrop.html): overlays; needs no extra packages - [Dialog](https://uncodeui.com/c/motionprim/dialog-custom-exit.html): overlays; needs motion - [Dialog](https://uncodeui.com/c/motionprim/dialog-custom-variants-transtion.html): overlays; needs motion - [Dock](https://uncodeui.com/c/motionprim/dock.html): navigation; needs motion - [Dock](https://uncodeui.com/c/motionprim/apple-style-dock.html): navigation; needs lucide-react - [Dynamic Toolbar](https://uncodeui.com/c/motionprim/toolbar-dynamic.html): navigation; needs lucide-react, motion - [Expandable Disclosure](https://uncodeui.com/c/motionprim/disclosure.html): other; needs motion - [Expandable Disclosure](https://uncodeui.com/c/motionprim/disclosure-basic.html): other; needs no extra packages - [Expandable Disclosure](https://uncodeui.com/c/motionprim/disclosure-card.html): cards; needs motion - [Expandable Toolbar](https://uncodeui.com/c/motionprim/toolbar-expandable.html): navigation; needs lucide-react, motion, react-use-measure - [Glow Effect](https://uncodeui.com/c/motionprim/glow-effect.html): effects; needs motion - [Glow Effect](https://uncodeui.com/c/motionprim/glow-effect-button.html): effects; needs lucide-react - [Glow Effect](https://uncodeui.com/c/motionprim/glow-effect-card-background.html): effects; needs no extra packages - [Glow Effect](https://uncodeui.com/c/motionprim/glow-effect-card-mode.html): effects; needs motion - [Infinite Logo Slider](https://uncodeui.com/c/motionprim/infinite-slider.html): marquee; needs motion, react-use-measure - [Infinite Logo Slider](https://uncodeui.com/c/motionprim/infinite-slider-basic.html): marquee; needs no extra packages - [Infinite Logo Slider](https://uncodeui.com/c/motionprim/infinite-slider-hover-speed.html): marquee; needs no extra packages - [Infinite Logo Slider](https://uncodeui.com/c/motionprim/infinite-slider-vertical.html): marquee; needs no extra packages - [Layout.tsx](https://uncodeui.com/c/motionprim/layout.html): other; needs motion, next - [Looping Text Swap](https://uncodeui.com/c/motionprim/text-loop.html): text; needs motion - [Looping Text Swap](https://uncodeui.com/c/motionprim/text-loop-basic.html): text; needs no extra packages - [Looping Text Swap](https://uncodeui.com/c/motionprim/text-loop-custom-variants-transition.html): text; needs no extra packages - [Looping Text Swap](https://uncodeui.com/c/motionprim/text-loop-on-index.html): text; needs lucide-react - [Magnetic Hover](https://uncodeui.com/c/motionprim/magnetic.html): other; needs motion - [Magnetic Hover](https://uncodeui.com/c/motionprim/magnetic-basic.html): other; needs no extra packages - [Magnetic Hover](https://uncodeui.com/c/motionprim/magnetic-nested.html): other; needs no extra packages - [Morphing Dialog](https://uncodeui.com/c/motionprim/morphing-dialog.html): text; needs lucide-react, motion - [Morphing Dialog](https://uncodeui.com/c/motionprim/morphing-dialog-basic-1.html): text; needs lucide-react - [Morphing Dialog](https://uncodeui.com/c/motionprim/morphing-dialog-basic-2.html): text; needs no extra packages - [Morphing Dialog](https://uncodeui.com/c/motionprim/morphing-dialog-image.html): text; needs lucide-react - [Morphing Popover](https://uncodeui.com/c/motionprim/morphing-popover.html): text; needs motion - [Morphing Popover](https://uncodeui.com/c/motionprim/morphing-popover-basic.html): text; needs motion - [Morphing Popover](https://uncodeui.com/c/motionprim/morphing-popover-custom-transition-variants.html): text; needs motion - [Morphing Popover](https://uncodeui.com/c/motionprim/morphing-popover-textarea.html): text; needs lucide-react, motion - [Morphing Text](https://uncodeui.com/c/motionprim/text-morph.html): text; needs motion - [Morphing Text](https://uncodeui.com/c/motionprim/text-morph-button.html): text; needs no extra packages - [Morphing Text](https://uncodeui.com/c/motionprim/text-morph-input.html): text; needs no extra packages - [Progressive Blur Overlay](https://uncodeui.com/c/motionprim/progressive-blur.html): effects; needs motion - [Progressive Blur Overlay](https://uncodeui.com/c/motionprim/progressive-blur-basic.html): effects; needs no extra packages - [Progressive Blur Overlay](https://uncodeui.com/c/motionprim/progressive-blur-hover.html): effects; needs motion - [Progressive Blur Overlay](https://uncodeui.com/c/motionprim/progressive-blur-slider.html): effects; needs no extra packages - [Reveal On Scroll](https://uncodeui.com/c/motionprim/in-view.html): other; needs motion - [Reveal On Scroll](https://uncodeui.com/c/motionprim/in-view-basic-multiple.html): other; needs no extra packages - [Reveal On Scroll](https://uncodeui.com/c/motionprim/in-view-basic.html): other; needs no extra packages - [Reveal On Scroll](https://uncodeui.com/c/motionprim/in-view-images-grid.html): media; needs motion - [Rolling Text](https://uncodeui.com/c/motionprim/text-roll.html): text; needs motion - [Rolling Text](https://uncodeui.com/c/motionprim/text-roll-basic.html): text; needs no extra packages - [Rolling Text](https://uncodeui.com/c/motionprim/text-roll-custom-transition-delay.html): text; needs no extra packages - [Rolling Text](https://uncodeui.com/c/motionprim/text-roll-custom-variants.html): text; needs no extra packages - [Scrambling Text](https://uncodeui.com/c/motionprim/text-scramble.html): text; needs motion - [Scrambling Text](https://uncodeui.com/c/motionprim/text-scramble-basic.html): text; needs no extra packages - [Scrambling Text](https://uncodeui.com/c/motionprim/text-scramble-custom-char-duration.html): text; needs no extra packages - [Scrambling Text](https://uncodeui.com/c/motionprim/text-scramble-custom-trigger.html): text; needs no extra packages - [Scroll Progress Bar](https://uncodeui.com/c/motionprim/scroll-progress.html): marquee; needs motion - [Scroll Progress Bar](https://uncodeui.com/c/motionprim/scroll-progress-basic-1.html): marquee; needs no extra packages - [Scroll Progress Bar](https://uncodeui.com/c/motionprim/scroll-progress-basic-2.html): marquee; needs no extra packages - [Scroll Progress Bar](https://uncodeui.com/c/motionprim/scroll-progress-basic-3.html): marquee; needs no extra packages - [Shimmer Text](https://uncodeui.com/c/motionprim/text-shimmer.html): effects; needs motion - [Shimmer Text](https://uncodeui.com/c/motionprim/text-shimmer-basic.html): effects; needs no extra packages - [Shimmer Text](https://uncodeui.com/c/motionprim/text-shimmer-color.html): effects; needs no extra packages - [Shimmer Wave Text](https://uncodeui.com/c/motionprim/text-shimmer-wave.html): effects; needs motion - [Shimmer Wave Text](https://uncodeui.com/c/motionprim/text-shimmer-wave-basic.html): effects; needs no extra packages - [Shimmer Wave Text](https://uncodeui.com/c/motionprim/text-shimmer-wave-color.html): effects; needs no extra packages - [Sliding Number Counter](https://uncodeui.com/c/motionprim/sliding-number.html): other; needs motion, react-use-measure - [Sliding Number Counter](https://uncodeui.com/c/motionprim/clock.html): other; needs no extra packages - [Sliding Number Counter](https://uncodeui.com/c/motionprim/sliding-basic.html): other; needs motion - [Sliding Number Counter](https://uncodeui.com/c/motionprim/sliding-slider.html): forms; needs no extra packages - [Spotlight Follow](https://uncodeui.com/c/motionprim/spotlight.html): backgrounds; needs motion - [Spotlight Follow](https://uncodeui.com/c/motionprim/spotlight-basic.html): backgrounds; needs no extra packages - [Spotlight Follow](https://uncodeui.com/c/motionprim/spotlight-border.html): backgrounds; needs no extra packages - [Spotlight Follow](https://uncodeui.com/c/motionprim/spotlight-custom-color.html): backgrounds; needs no extra packages - [Staggered Reveal Group](https://uncodeui.com/c/motionprim/animated-group.html): other; needs motion - [Staggered Reveal Group](https://uncodeui.com/c/motionprim/animated-group-custom-variants-2.html): other; needs no extra packages - [Staggered Reveal Group](https://uncodeui.com/c/motionprim/animated-group-custom-variants.html): other; needs no extra packages - [Staggered Reveal Group](https://uncodeui.com/c/motionprim/animated-group-preset.html): other; needs no extra packages - [Text On A Circle](https://uncodeui.com/c/motionprim/spinning-text.html): text; needs motion - [Text On A Circle](https://uncodeui.com/c/motionprim/spinning-text-basic.html): text; needs no extra packages - [Text On A Circle](https://uncodeui.com/c/motionprim/spinning-text-custom-transition.html): text; needs no extra packages - [Text On A Circle](https://uncodeui.com/c/motionprim/spinning-text-custom-variants.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect.html): text; needs motion - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-custom-delay.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-exit.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-line.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-per-char.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-per-word.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-preset.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-speed.html): text; needs no extra packages - [Text Reveal Effect](https://uncodeui.com/c/motionprim/text-effect-variants.html): text; needs no extra packages - [Tilt On Hover](https://uncodeui.com/c/motionprim/tilt.html): other; needs motion - [Tilt On Hover](https://uncodeui.com/c/motionprim/tilt-card-1.html): cards; needs no extra packages - [Tilt On Hover](https://uncodeui.com/c/motionprim/tilt-spotlight.html): backgrounds; needs no extra packages - [Transition Panel](https://uncodeui.com/c/motionprim/transition-panel.html): other; needs motion - [Transition Panel](https://uncodeui.com/c/motionprim/transition-panel-card.html): cards; needs react-use-measure - [Transition Panel](https://uncodeui.com/c/motionprim/transition-panel-tabs.html): navigation; needs no extra packages ## NedDev (394 components, licence terms of use) - [3D Adaptive Navigation Bar](https://uncodeui.com/c/neddev/3d-adaptive-navigation-bar.html): layout; needs framer-motion - [3D Carousel](https://uncodeui.com/c/neddev/3d-carousel.html): media; needs framer-motion - [3D Testimonial Wall](https://uncodeui.com/c/neddev/3d-testimonails.html): cards; needs no extra packages - [Adaptive Notch Navigation Bar](https://uncodeui.com/c/neddev/adaptive-notch-navigation-bar.html): layout; needs framer-motion, lucide-react - [Aether Hero](https://uncodeui.com/c/neddev/aether-hero.html): backgrounds; needs no extra packages - [Aether Ribbon Mesh](https://uncodeui.com/c/neddev/aether-ribbon-mesh.html): backgrounds; needs no extra packages - [Aether Vortex](https://uncodeui.com/c/neddev/aether-vortex.html): backgrounds; needs clsx, lucide-react, tailwind-merge - [Agent Task Plan Checklist](https://uncodeui.com/c/neddev/agent-plan.html): layout; needs framer-motion, lucide-react - [Agent Thinking Disclosure](https://uncodeui.com/c/neddev/agent-thinking-disclosure.html): effects; needs class-variance-authority, clsx, lucide-react, tailwind-merge - [AI Avatar](https://uncodeui.com/c/neddev/ai-avatar.html): effects; needs framer-motion - [AI Chat Card](https://uncodeui.com/c/neddev/ai-chat-card.html): forms; needs framer-motion, lucide-react - [AI Chat Input](https://uncodeui.com/c/neddev/ai-chat-input.html): forms; needs framer-motion, lucide-react - [AI Prompt Box](https://uncodeui.com/c/neddev/ai-prompt-box.html): forms; needs @radix-ui/react-dialog, @radix-ui/react-tooltip, framer-motion, lucide-react - [AI Prompt Textarea](https://uncodeui.com/c/neddev/ai-prompt-textarea.html): forms; needs @radix-ui/react-slot, class-variance-authority, lucide-react - [Airlock Spaceship Hero](https://uncodeui.com/c/neddev/airlock-spaceship-hero.html): media; needs no extra packages - [Alert Dialog Layout](https://uncodeui.com/c/neddev/alert-dialog-layout.html): layout; needs framer-motion, lucide-react - [Animated Background Lines](https://uncodeui.com/c/neddev/animated-background-lines.html): backgrounds; needs no extra packages - [Animated Beam Integration](https://uncodeui.com/c/neddev/animated-beam-integration.html): effects; needs framer-motion - [Animated Dialog](https://uncodeui.com/c/neddev/animated-dialog.html): layout; needs @radix-ui/react-dialog, framer-motion - [Animated Geometric Card](https://uncodeui.com/c/neddev/animated-geometric-card.html): cards; needs clsx, tailwind-merge - [Animated Gradient](https://uncodeui.com/c/neddev/animated-gradient.html): backgrounds; needs no extra packages - [Animated Gradient Background](https://uncodeui.com/c/neddev/animated-gradient-background.html): backgrounds; needs framer-motion - [Animated Grid](https://uncodeui.com/c/neddev/animated-grid.html): backgrounds; needs no extra packages - [Animated Grid Hero](https://uncodeui.com/c/neddev/animated-grid-hero.html): backgrounds; needs framer-motion, lucide-react - [Animated Hero](https://uncodeui.com/c/neddev/animated-hero.html): layout; needs framer-motion, lucide-react - [Animated Infinity Background](https://uncodeui.com/c/neddev/animated-infinity-background.html): backgrounds; needs framer-motion - [Animated Menu Bar](https://uncodeui.com/c/neddev/animated-menu-bar.html): layout; needs no extra packages - [Animated Modal](https://uncodeui.com/c/neddev/animated-modal.html): layout; needs framer-motion - [Animated Navigation Tabs](https://uncodeui.com/c/neddev/animated-navigation-tabs.html): layout; needs framer-motion - [Animated Shader Hero](https://uncodeui.com/c/neddev/animated-shader-hero.html): backgrounds; needs no extra packages - [Animated Stats Card](https://uncodeui.com/c/neddev/animated-stats-card.html): cards; needs framer-motion, lucide-react - [Animated Status Badge](https://uncodeui.com/c/neddev/animated-status-badge.html): cards; needs framer-motion, lucide-react - [Animated Tabs Educalvolpz](https://uncodeui.com/c/neddev/animated-tabs-educalvolpz.html): layout; needs framer-motion - [Animated Testimonials](https://uncodeui.com/c/neddev/animated-testimonials.html): cards; needs framer-motion, lucide-react - [Animated Tooltip Dev Shejanma](https://uncodeui.com/c/neddev/animated-tooltip-dev-shejanma.html): effects; needs framer-motion - [Animated Tooltip Lucasbassett](https://uncodeui.com/c/neddev/animated-tooltip-lucasbassett.html): effects; needs framer-motion - [Animated Wave Footer](https://uncodeui.com/c/neddev/animated-wave-footer.html): layout; needs lucide-react - [Anime Navbar](https://uncodeui.com/c/neddev/anime-navbar.html): layout; needs framer-motion, lucide-react, next - [Arc Card Carousel](https://uncodeui.com/c/neddev/arc-card-carousel.html): media; needs framer-motion, lucide-react - [Arc Gallery Hero](https://uncodeui.com/c/neddev/arc-gallery-hero.html): media; needs no extra packages - [Arch Gallery](https://uncodeui.com/c/neddev/arch-gallery.html): media; needs no extra packages - [Attachment Vertical](https://uncodeui.com/c/neddev/attachment-vertical.html): cards; needs lucide-react - [Auralis](https://uncodeui.com/c/neddev/auralis.html): backgrounds; needs no extra packages - [Auth Modal](https://uncodeui.com/c/neddev/auth-modal.html): forms; needs framer-motion, lucide-react - [Avatar Hover Card](https://uncodeui.com/c/neddev/avatar-hover-card.html): cards; needs framer-motion - [Background Ascii Plasma](https://uncodeui.com/c/neddev/background-ascii-plasma.html): backgrounds; needs no extra packages - [Background Ascii Wake](https://uncodeui.com/c/neddev/background-ascii-wake.html): backgrounds; needs no extra packages - [Background Gradient Animation](https://uncodeui.com/c/neddev/background-gradient-animation.html): backgrounds; needs no extra packages - [Badge Tabs](https://uncodeui.com/c/neddev/badge-tabs.html): layout; needs @radix-ui/react-tabs, framer-motion - [Balloon Launch Confetti](https://uncodeui.com/c/neddev/balloons.html): effects; needs balloons-js - [Bars Loader](https://uncodeui.com/c/neddev/bars-loader.html): effects; needs framer-motion - [Barswave](https://uncodeui.com/c/neddev/barswave.html): backgrounds; needs framer-motion - [Be UI Animated Badge](https://uncodeui.com/c/neddev/be-ui-animated-badge.html): buttons; needs framer-motion, lucide-react - [Beam Wordmark Footer](https://uncodeui.com/c/neddev/beam-wordmark-footer.html): layout; needs no extra packages - [Bento Feature Grid](https://uncodeui.com/c/neddev/bento-feature-grid.html): layout; needs lucide-react - [Bento Grid](https://uncodeui.com/c/neddev/bento-grid.html): layout; needs @radix-ui/react-icons - [Block Feature](https://uncodeui.com/c/neddev/block-feature.html): layout; needs @tabler/icons-react, lucide-react - [Blogs 3](https://uncodeui.com/c/neddev/blogs-3.html): layout; needs framer-motion - [Blueprint Ink Reveal](https://uncodeui.com/c/neddev/blueprint-ink-reveal.html): text; needs no extra packages - [Blueprint Tiers](https://uncodeui.com/c/neddev/blueprint-tiers.html): cards; needs lucide-react - [Blur Morph Headline](https://uncodeui.com/c/neddev/blur-morph-headline.html): text; needs clsx, tailwind-merge - [Blur Reveal](https://uncodeui.com/c/neddev/blur-reveal.html): text; needs framer-motion - [Blur Text Animation](https://uncodeui.com/c/neddev/blur-text-animation.html): text; needs no extra packages - [Blurred Marquee](https://uncodeui.com/c/neddev/blurred-marquee.html): marquee; needs framer-motion, lucide-react - [Bouncing Dots Loader](https://uncodeui.com/c/neddev/bouncing-dots-loader.html): effects; needs framer-motion - [Bubble Background](https://uncodeui.com/c/neddev/bubble-background.html): backgrounds; needs framer-motion - [Builder OS Bento](https://uncodeui.com/c/neddev/builder-os-bento.html): cards; needs framer-motion, lucide-react - [Builders Community Hero](https://uncodeui.com/c/neddev/builders-community-hero.html): layout; needs framer-motion, lucide-react - [Button Colorful](https://uncodeui.com/c/neddev/button-colorful.html): buttons; needs lucide-react - [Canvas Text](https://uncodeui.com/c/neddev/canvas-text.html): text; needs no extra packages - [Card Hand Gallery](https://uncodeui.com/c/neddev/card-hand-gallery.html): media; needs framer-motion - [Card Hover Reveal](https://uncodeui.com/c/neddev/card-hover-reveal.html): cards; needs no extra packages - [Carousel Squeeze](https://uncodeui.com/c/neddev/carousel-squeeze.html): media; needs no extra packages - [Caustic Pool](https://uncodeui.com/c/neddev/caustic-pool.html): backgrounds; needs no extra packages - [Center Morph Modal](https://uncodeui.com/c/neddev/center-morph-modal.html): layout; needs framer-motion, lucide-react - [Chart 02](https://uncodeui.com/c/neddev/chart-02.html): cards; needs recharts - [Cinematic Landing Hero](https://uncodeui.com/c/neddev/cinematic-landing-hero.html): effects; needs gsap - [Circular Carousel](https://uncodeui.com/c/neddev/circular-carousel.html): cards; needs framer-motion, lucide-react - [Circular Gallery](https://uncodeui.com/c/neddev/circular-gallery.html): media; needs no extra packages - [Circular Testimonials](https://uncodeui.com/c/neddev/circular-testimonials.html): cards; needs framer-motion, lucide-react - [Clipped Circle](https://uncodeui.com/c/neddev/clipped-circle.html): effects; needs framer-motion - [Code Block](https://uncodeui.com/c/neddev/code-block.html): layout; needs lucide-react, react-syntax-highlighter - [Comet Border Beam](https://uncodeui.com/c/neddev/comet-border-beam.html): effects; needs no extra packages - [Comet Spinner](https://uncodeui.com/c/neddev/comet-spinner.html): effects; needs no extra packages - [Concentric Ring Loader](https://uncodeui.com/c/neddev/concentric-ring-loader.html): effects; needs framer-motion - [Constellation Field](https://uncodeui.com/c/neddev/constellation-field.html): backgrounds; needs no extra packages - [Constellation Grid](https://uncodeui.com/c/neddev/constellation-grid.html): backgrounds; needs no extra packages - [Coverflow Carousel](https://uncodeui.com/c/neddev/coverflow-carousel.html): media; needs framer-motion - [CTA Section with Gallery](https://uncodeui.com/c/neddev/cta-section-with-gallery.html): layout; needs motion - [Cursor Image Trail](https://uncodeui.com/c/neddev/cursor-image-trail.html): effects; needs framer-motion - [Cursor Trail](https://uncodeui.com/c/neddev/cursor-trail.html): effects; needs framer-motion - [Custom Cursor](https://uncodeui.com/c/neddev/custom-cursor.html): effects; needs class-variance-authority, framer-motion - [Decrypt Text](https://uncodeui.com/c/neddev/decrypt-text.html): effects; needs clsx, tailwind-merge - [Depth Flip Text](https://uncodeui.com/c/neddev/depth-flip-text.html): text; needs @gsap/react, gsap - [Design Testimonial](https://uncodeui.com/c/neddev/design-testimonial.html): cards; needs framer-motion - [Diagonal Marquee Carousel](https://uncodeui.com/c/neddev/diagonal-marquee-carousel.html): marquee; needs no extra packages - [Diagram Card](https://uncodeui.com/c/neddev/diagram-card.html): cards; needs framer-motion - [Dimensional Field](https://uncodeui.com/c/neddev/dimensional-field.html): backgrounds; needs no extra packages - [Discrete Tabs](https://uncodeui.com/c/neddev/discrete-tabs.html): buttons; needs framer-motion - [Dithered Footer](https://uncodeui.com/c/neddev/dithered-footer.html): layout; needs no extra packages - [Dock Navigation](https://uncodeui.com/c/neddev/dock-nav.html): layout; needs class-variance-authority, framer-motion - [Dot Border Button](https://uncodeui.com/c/neddev/dot-border-button.html): buttons; needs no extra packages - [Dot Grid Pattern](https://uncodeui.com/c/neddev/dot-grid-pattern.html): backgrounds; needs no extra packages - [Dotted Grid](https://uncodeui.com/c/neddev/dotted-grid.html): backgrounds; needs no extra packages - [Draggable Widget Grid](https://uncodeui.com/c/neddev/draggable-widget-grid.html): layout; needs framer-motion - [Dual Sparks](https://uncodeui.com/c/neddev/dual-sparks.html): backgrounds; needs no extra packages - [Dual Wipe Reveal](https://uncodeui.com/c/neddev/dual-wipe-reveal.html): text; needs framer-motion - [Dynamic Button](https://uncodeui.com/c/neddev/dynamic-button.html): buttons; needs framer-motion - [Dynamic Frame Layout](https://uncodeui.com/c/neddev/dynamic-frame-layout.html): media; needs framer-motion - [Dynamic Island Loader](https://uncodeui.com/c/neddev/dynamic-island-loader.html): effects; needs framer-motion - [Dynamic Wave Canvas Background](https://uncodeui.com/c/neddev/dynamic-wave-canvas-background.html): backgrounds; needs no extra packages - [Editorial Filmstrip Hero](https://uncodeui.com/c/neddev/hero-carousel.html): media; needs framer-motion - [Editorial Testimonial](https://uncodeui.com/c/neddev/editorial-testimonial.html): cards; needs lucide-react - [Elastic Gallery](https://uncodeui.com/c/neddev/elastic-gallery.html): media; needs lucide-react, next - [Elevate Navbar](https://uncodeui.com/c/neddev/elevate-navbar.html): layout; needs gsap - [Encrypt Button](https://uncodeui.com/c/neddev/encrypt-button.html): buttons; needs framer-motion, lucide-react - [Evervault Card](https://uncodeui.com/c/neddev/evervault-card.html): cards; needs framer-motion - [Expandable Tabs](https://uncodeui.com/c/neddev/expandable-tabs.html): layout; needs framer-motion - [Expanding Location Map](https://uncodeui.com/c/neddev/expand-map.html): media; needs framer-motion - [Expanding Tabs](https://uncodeui.com/c/neddev/expanding-tabs.html): layout; needs @phosphor-icons/react, framer-motion - [Exploding Input](https://uncodeui.com/c/neddev/exploding-input.html): forms; needs no extra packages - [Fade Slide Tabs](https://uncodeui.com/c/neddev/fade-slide-tabs.html): layout; needs @radix-ui/react-tabs, framer-motion - [Favorite Toggle](https://uncodeui.com/c/neddev/favorite-toggle.html): buttons; needs no extra packages - [Feature List Showcase](https://uncodeui.com/c/neddev/feature-list-showcase.html): layout; needs framer-motion - [Feature Section with Hover Effects](https://uncodeui.com/c/neddev/feature-section-with-hover-effects.html): layout; needs lucide-react - [Feature Spotlight](https://uncodeui.com/c/neddev/feature-spotlight.html): layout; needs no extra packages - [Feature Steps](https://uncodeui.com/c/neddev/feature-steps.html): layout; needs framer-motion - [Flip Button](https://uncodeui.com/c/neddev/flip-button.html): buttons; needs framer-motion - [Flip Disk Matrix](https://uncodeui.com/c/neddev/flip-disk-matrix.html): effects; needs no extra packages - [Flip Hover](https://uncodeui.com/c/neddev/flip-hover.html): cards; needs no extra packages - [Floating Dots CTA](https://uncodeui.com/c/neddev/floating-dots-cta.html): buttons; needs no extra packages - [Floating Icons Hero Section](https://uncodeui.com/c/neddev/floating-icons-hero-section.html): layout; needs framer-motion - [Floating Label](https://uncodeui.com/c/neddev/floating-label.html): other; needs framer-motion - [Floating Navigation](https://uncodeui.com/c/neddev/floating-nav.html): layout; needs framer-motion, lucide-react - [Focus Blur Testimonials](https://uncodeui.com/c/neddev/focus-blur-testimonials.html): text; needs framer-motion - [Footer Section](https://uncodeui.com/c/neddev/footer-section.html): layout; needs framer-motion, lucide-react - [Footer with Minimal Outline](https://uncodeui.com/c/neddev/footer-with-minimal-outline.html): layout; needs framer-motion - [Footer with Newsletter](https://uncodeui.com/c/neddev/footer-with-newsletter.html): layout; needs lucide-react - [Footer with Suite](https://uncodeui.com/c/neddev/footer-with-suite.html): layout; needs no extra packages - [Foundation Primitives](https://uncodeui.com/c/neddev/foundation-primitives.html): effects; needs no extra packages - [Fox Mascot Sign in](https://uncodeui.com/c/neddev/fox-mascot-sign-in.html): forms; needs three - [Frame Button](https://uncodeui.com/c/neddev/frame-button.html): buttons; needs framer-motion - [Gallery 4](https://uncodeui.com/c/neddev/gallery-4.html): media; needs lucide-react - [Gallery Grid Block Shadcnui](https://uncodeui.com/c/neddev/gallery-grid-block-shadcnui.html): media; needs framer-motion, lucide-react - [Ghibli Robot Hero](https://uncodeui.com/c/neddev/ghibli-robot-hero.html): layout; needs no extra packages - [Glassmorphism Login Card](https://uncodeui.com/c/neddev/glass-card.html): cards; needs no extra packages - [Glitching Button](https://uncodeui.com/c/neddev/glitching-button.html): buttons; needs no extra packages - [Globe Study](https://uncodeui.com/c/neddev/globe-study.html): backgrounds; needs no extra packages - [Glow Card Grid](https://uncodeui.com/c/neddev/glow-card-grid.html): cards; needs no extra packages - [Glow Text Reveal](https://uncodeui.com/c/neddev/glow-text-reveal.html): text; needs no extra packages - [Glowing Button](https://uncodeui.com/c/neddev/glowing-button.html): buttons; needs no extra packages - [Glowing Input](https://uncodeui.com/c/neddev/glowing-input.html): other; needs framer-motion, lucide-react - [Glowing Stars Card](https://uncodeui.com/c/neddev/glowing-stars-card.html): cards; needs framer-motion - [Glyph Portal](https://uncodeui.com/c/neddev/glyph-portal.html): text; needs no extra packages - [Gooey Input](https://uncodeui.com/c/neddev/gooey-input.html): forms; needs framer-motion - [Gooey Marquee](https://uncodeui.com/c/neddev/gooey-marquee.html): marquee; needs no extra packages - [Gradient Card Showcase](https://uncodeui.com/c/neddev/gradient-card-showcase.html): cards; needs no extra packages - [Gradient Shimmer](https://uncodeui.com/c/neddev/gradient-shimmer.html): text; needs no extra packages - [Gravity](https://uncodeui.com/c/neddev/gravity.html): effects; needs framer-motion - [Grid Bloom](https://uncodeui.com/c/neddev/grid-bloom.html): backgrounds; needs @react-three/fiber, clsx, tailwind-merge, three - [Halftone Flow](https://uncodeui.com/c/neddev/halftone-flow.html): backgrounds; needs no extra packages - [Handwriting Text](https://uncodeui.com/c/neddev/handwriting-text.html): effects; needs no extra packages - [Health Stat Card](https://uncodeui.com/c/neddev/health-stat-card.html): cards; needs framer-motion - [Helix Chrono Matrix](https://uncodeui.com/c/neddev/helix-chrono-matrix.html): backgrounds; needs lucide-react - [Hero 3](https://uncodeui.com/c/neddev/hero-3.html): layout; needs framer-motion - [Hero Badge](https://uncodeui.com/c/neddev/hero-badge.html): buttons; needs framer-motion - [Hero Odyssey](https://uncodeui.com/c/neddev/hero-odyssey.html): layout; needs framer-motion - [Hero Section 5](https://uncodeui.com/c/neddev/hero-section-5.html): layout; needs lucide-react, motion, next - [Hero Section 9](https://uncodeui.com/c/neddev/hero-section-9.html): layout; needs lucide-react, next - [Hero with Cards](https://uncodeui.com/c/neddev/hero-with-cards.html): layout; needs framer-motion - [Holo Card](https://uncodeui.com/c/neddev/holo-card.html): cards; needs no extra packages - [Holographic Beams](https://uncodeui.com/c/neddev/holographic-beams.html): backgrounds; needs no extra packages - [Holographic Foil Card](https://uncodeui.com/c/neddev/holographic-foil-card.html): cards; needs framer-motion - [Holographic Ticket](https://uncodeui.com/c/neddev/holographic-ticket.html): cards; needs no extra packages - [Horizon Wave Terrain](https://uncodeui.com/c/neddev/horizon-wave-terrain.html): backgrounds; needs no extra packages - [Hover Image Gallery](https://uncodeui.com/c/neddev/hover-image-gallery.html): media; needs no extra packages - [Hover Reveal](https://uncodeui.com/c/neddev/hover-reveal.html): effects; needs no extra packages - [Hyper Grid](https://uncodeui.com/c/neddev/hyper-grid.html): backgrounds; needs framer-motion - [Icon 3D Hover](https://uncodeui.com/c/neddev/icon-3d-hover.html): cards; needs framer-motion - [Image Auto Slider](https://uncodeui.com/c/neddev/image-auto-slider.html): marquee; needs no extra packages - [Image Fan Carousel](https://uncodeui.com/c/neddev/image-fan-carousel.html): media; needs framer-motion, lucide-react - [Image Sphere](https://uncodeui.com/c/neddev/img-sphere.html): media; needs lucide-react - [Image Stack Carousel](https://uncodeui.com/c/neddev/image-stack-carousel.html): media; needs framer-motion - [Images Scrolling Animation](https://uncodeui.com/c/neddev/images-scrolling-animation.html): media; needs framer-motion - [Infinity Loader](https://uncodeui.com/c/neddev/infinity-loader.html): effects; needs no extra packages - [Inline Testimonials](https://uncodeui.com/c/neddev/inline-testimonials.html): text; needs framer-motion, lucide-react - [Integration Card](https://uncodeui.com/c/neddev/integration-card.html): cards; needs framer-motion - [Interactive Blur Reveal](https://uncodeui.com/c/neddev/interactive-blur-reveal.html): backgrounds; needs no extra packages - [Interactive Eye Tracker](https://uncodeui.com/c/neddev/interactive-eye-tracker.html): effects; needs no extra packages - [Interactive Globe](https://uncodeui.com/c/neddev/globe.html): backgrounds; needs cobe - [Interactive Globe](https://uncodeui.com/c/neddev/interactive-globe.html): effects; needs no extra packages - [Interactive Grid](https://uncodeui.com/c/neddev/interactive-grid.html): backgrounds; needs no extra packages - [Interactive Image Gallery](https://uncodeui.com/c/neddev/interactive-image-gallery.html): media; needs no extra packages - [Interactive Neural Vortex Background](https://uncodeui.com/c/neddev/interactive-neural-vortex-background.html): backgrounds; needs no extra packages - [Interactive Synapse Network](https://uncodeui.com/c/neddev/interactive-synapse-network.html): backgrounds; needs no extra packages - [Inversion Circle Scroll Animation](https://uncodeui.com/c/neddev/inversion-circle-scroll-animation.html): effects; needs no extra packages - [Inverted Cursor](https://uncodeui.com/c/neddev/inverted-cursor.html): effects; needs no extra packages - [Ios Spinner](https://uncodeui.com/c/neddev/ios-spinner.html): effects; needs no extra packages - [Iron Filings](https://uncodeui.com/c/neddev/iron-filings.html): backgrounds; needs no extra packages - [Kanban Board](https://uncodeui.com/c/neddev/kanban-board.html): layout; needs framer-motion, lucide-react - [Keycap Orb](https://uncodeui.com/c/neddev/keycap-orb.html): effects; needs no extra packages - [Kiln Wordmark Footer](https://uncodeui.com/c/neddev/kiln-wordmark-footer.html): layout; needs no extra packages - [Kinetic Matrix](https://uncodeui.com/c/neddev/kinetic-matrix.html): backgrounds; needs lucide-react - [Kinetic Particle Fabric](https://uncodeui.com/c/neddev/kinetic-particle-fabric.html): backgrounds; needs lucide-react - [Kinetic Scroll Gallery](https://uncodeui.com/c/neddev/kinetic-scroll-gallery.html): media; needs framer-motion - [Label Input](https://uncodeui.com/c/neddev/label-input.html): forms; needs lucide-react - [Lamp](https://uncodeui.com/c/neddev/lamp.html): effects; needs framer-motion - [Lamp Beam](https://uncodeui.com/c/neddev/lamp-beam.html): effects; needs framer-motion - [Lava Lamp Loader](https://uncodeui.com/c/neddev/lava-lamp-loader.html): effects; needs no extra packages - [Light Leak Text](https://uncodeui.com/c/neddev/light-leak-text.html): text; needs framer-motion - [Lip Scroll Zoomin Animation](https://uncodeui.com/c/neddev/lip-scroll-zoomin-animation.html): media; needs gsap - [Liquid Aurora](https://uncodeui.com/c/neddev/liquid-aurora.html): backgrounds; needs no extra packages - [Liquid Cursor](https://uncodeui.com/c/neddev/liquid-cursor.html): effects; needs no extra packages - [Liquid Glass Carousel](https://uncodeui.com/c/neddev/liquid-glass-carousel.html): media; needs gsap, three - [Liquid Glass Navbar](https://uncodeui.com/c/neddev/liquid-glass-navbar.html): layout; needs no extra packages - [Liquid Metal](https://uncodeui.com/c/neddev/liquid-metal.html): backgrounds; needs framer-motion - [Liquid Multimodal Input](https://uncodeui.com/c/neddev/liquid-multimodal-input.html): forms; needs @tabler/icons-react, clsx, framer-motion, tailwind-merge - [Liquid Wave Spinner](https://uncodeui.com/c/neddev/liquid-wave-spinner.html): effects; needs framer-motion - [Live Orb](https://uncodeui.com/c/neddev/live-orb.html): effects; needs no extra packages - [Loading Button Spinner](https://uncodeui.com/c/neddev/loading-button-spinner.html): buttons; needs lucide-react - [Login Minimal](https://uncodeui.com/c/neddev/login-minimal.html): forms; needs framer-motion - [Logo Burst](https://uncodeui.com/c/neddev/logo-burst.html): effects; needs no extra packages - [Logo Cloud Marquee](https://uncodeui.com/c/neddev/logo-cloud-marquee.html): marquee; needs framer-motion - [Lookout](https://uncodeui.com/c/neddev/lookout.html): effects; needs no extra packages - [Luma Bar](https://uncodeui.com/c/neddev/luma-bar.html): layout; needs framer-motion, lucide-react - [Luminous Topography](https://uncodeui.com/c/neddev/luminous-topography.html): backgrounds; needs clsx, tailwind-merge - [Lunar Gravity Card](https://uncodeui.com/c/neddev/lunar-gravity-card.html): cards; needs @react-three/drei, @react-three/fiber, three - [Mac Book Neo Hero](https://uncodeui.com/c/neddev/mac-book-neo-hero.html): media; needs no extra packages - [Mac OS Dock](https://uncodeui.com/c/neddev/mac-os-dock.html): layout; needs no extra packages - [Mac Style Floating Dock](https://uncodeui.com/c/neddev/mac-style-floating-dock.html): layout; needs no extra packages - [Magic Button](https://uncodeui.com/c/neddev/magic-button.html): buttons; needs no extra packages - [Magic Text Reveal](https://uncodeui.com/c/neddev/magic-text-reveal.html): text; needs no extra packages - [Magnetic Liquid Button](https://uncodeui.com/c/neddev/magnetic-liquid-button.html): buttons; needs framer-motion - [Magnetic Pull](https://uncodeui.com/c/neddev/magnetic-pull.html): effects; needs no extra packages - [Magnetic Tabs](https://uncodeui.com/c/neddev/magnetic-tabs.html): buttons; needs framer-motion - [Marketing Badges](https://uncodeui.com/c/neddev/marketing-badges.html): buttons; needs no extra packages - [Marketing Dashboard](https://uncodeui.com/c/neddev/marketing-dashboard.html): cards; needs framer-motion, lucide-react - [Mask Reveal](https://uncodeui.com/c/neddev/mask-reveal.html): effects; needs framer-motion - [Mesh Gradient](https://uncodeui.com/c/neddev/mesh-gradient.html): backgrounds; needs @paper-design/shaders-react - [Metaball Morph](https://uncodeui.com/c/neddev/metaball-morph.html): effects; needs no extra packages - [Mini Chart](https://uncodeui.com/c/neddev/mini-chart.html): cards; needs no extra packages - [Minimalist Hero](https://uncodeui.com/c/neddev/minimalist-hero.html): layout; needs framer-motion, lucide-react - [Modem Animated Footer](https://uncodeui.com/c/neddev/modem-animated-footer.html): layout; needs lucide-react - [Morph Gallery](https://uncodeui.com/c/neddev/morph-gallery.html): media; needs no extra packages - [Morphing Card Stack](https://uncodeui.com/c/neddev/morphing-card-stack.html): cards; needs framer-motion, lucide-react - [Morphing Cursor](https://uncodeui.com/c/neddev/morphing-cursor.html): text; needs no extra packages - [Morphing Input](https://uncodeui.com/c/neddev/morphing-input.html): other; needs framer-motion, lucide-react - [Morphing Island Navbar](https://uncodeui.com/c/neddev/morphing-island-navbar.html): layout; needs framer-motion, lucide-react - [Morphing Loader](https://uncodeui.com/c/neddev/morphing-loader.html): effects; needs framer-motion - [Motion Button](https://uncodeui.com/c/neddev/motion-btn.html): buttons; needs framer-motion - [Motion Button](https://uncodeui.com/c/neddev/motion-button.html): buttons; needs lucide-react - [Motion Grid](https://uncodeui.com/c/neddev/motion-grid.html): backgrounds; needs framer-motion - [Moving Dot Card](https://uncodeui.com/c/neddev/moving-dot-card.html): cards; needs no extra packages - [Music Video Pin Stack](https://uncodeui.com/c/neddev/music-video-pin-stack.html): media; needs gsap - [Next Reveal](https://uncodeui.com/c/neddev/next-reveal.html): text; needs no extra packages - [Notch Navigation](https://uncodeui.com/c/neddev/notch-nav.html): layout; needs no extra packages - [Notification Stack](https://uncodeui.com/c/neddev/notification-stack.html): cards; needs lucide-react - [Optimized Tilt Card](https://uncodeui.com/c/neddev/optimized-tilt-card.html): cards; needs no extra packages - [Orbit Loader](https://uncodeui.com/c/neddev/orbit-loader.html): effects; needs framer-motion - [Orbit Ring Loader](https://uncodeui.com/c/neddev/orbit-ring-loader.html): effects; needs framer-motion - [Orbiting Icons Circles](https://uncodeui.com/c/neddev/orbiting-icons-circles.html): effects; needs no extra packages - [Origami Fold Text](https://uncodeui.com/c/neddev/origami-fold-text.html): text; needs no extra packages - [P Table 4](https://uncodeui.com/c/neddev/p-table-4.html): cards; needs @tanstack/react-table, lucide-react - [Parallax Scrolling](https://uncodeui.com/c/neddev/parallax-scrolling.html): media; needs @studio-freight/lenis, gsap - [Parallax Strip Slider](https://uncodeui.com/c/neddev/parallax-strip-slider.html): media; needs gsap - [Particle Galaxy](https://uncodeui.com/c/neddev/particle-galaxy.html): backgrounds; needs three - [Particle Title](https://uncodeui.com/c/neddev/particle-title.html): text; needs no extra packages - [Particle Toggles](https://uncodeui.com/c/neddev/particle-toggles.html): buttons; needs framer-motion - [Perspective Marquee](https://uncodeui.com/c/neddev/perspective-marquee.html): marquee; needs no extra packages - [Perspective Photo Corridor Hero](https://uncodeui.com/c/neddev/image-stream-hero.html): backgrounds; needs no extra packages - [Pillar Grid](https://uncodeui.com/c/neddev/pillar-grid.html): backgrounds; needs no extra packages - [Pixel Cursor](https://uncodeui.com/c/neddev/pixel-cursor.html): effects; needs no extra packages - [Pixel Highlight](https://uncodeui.com/c/neddev/pixel-highlight.html): text; needs framer-motion - [Pixelated Image Effect](https://uncodeui.com/c/neddev/pixelated-image-effect.html): media; needs no extra packages - [Placeholders and Vanish Input](https://uncodeui.com/c/neddev/placeholders-and-vanish-input.html): forms; needs framer-motion - [Pointer Spotlight](https://uncodeui.com/c/neddev/pointer-spotlight.html): effects; needs @radix-ui/react-slot - [Pop Button](https://uncodeui.com/c/neddev/pop-button.html): buttons; needs @radix-ui/react-slot - [Portfolio Gallery](https://uncodeui.com/c/neddev/portfolio-gallery.html): media; needs framer-motion, lucide-react - [Pressable Tag](https://uncodeui.com/c/neddev/pressable-tag.html): buttons; needs framer-motion, lucide-react - [Prism Comet Preloader](https://uncodeui.com/c/neddev/prism-comet-preloader.html): effects; needs no extra packages - [Prism Hero](https://uncodeui.com/c/neddev/prism-hero.html): other; needs @react-three/drei, @react-three/fiber, motion, three - [Project Badge](https://uncodeui.com/c/neddev/project-badge.html): buttons; needs lucide-react - [Promo Section](https://uncodeui.com/c/neddev/promo-section.html): media; needs lucide-react, motion, react-use-measure - [Proximity Type](https://uncodeui.com/c/neddev/proximity-type.html): text; needs no extra packages - [Quantum Swarm](https://uncodeui.com/c/neddev/quantum-swarm.html): backgrounds; needs clsx, lucide-react, tailwind-merge - [Radial Burst](https://uncodeui.com/c/neddev/radial-burst.html): media; needs framer-motion - [Radial Orbital Timeline](https://uncodeui.com/c/neddev/radial-orbital-timeline.html): layout; needs lucide-react - [Receipt Pricing](https://uncodeui.com/c/neddev/receipt-pricing.html): cards; needs no extra packages - [Receipt Tiers](https://uncodeui.com/c/neddev/receipt-tiers.html): cards; needs no extra packages - [Ripple Buttons](https://uncodeui.com/c/neddev/ripple-buttons.html): buttons; needs framer-motion - [Sakura Editorial Poster](https://uncodeui.com/c/neddev/sakura-editorial-poster.html): media; needs no extra packages - [Scramble Link Button](https://uncodeui.com/c/neddev/scramble-link-button.html): buttons; needs lucide-react - [Scroll Autoplay](https://uncodeui.com/c/neddev/scroll-autoplay.html): media; needs framer-motion - [Scroll Choreography](https://uncodeui.com/c/neddev/scroll-choreography.html): media; needs framer-motion - [Scroll Expansion Hero](https://uncodeui.com/c/neddev/scroll-expansion-hero.html): media; needs framer-motion, next - [Scroll Morph Hero](https://uncodeui.com/c/neddev/scroll-morph-hero.html): effects; needs framer-motion - [Scroll Pinned Photo Hero](https://uncodeui.com/c/neddev/home-hero-landing-scroll-animation.html): effects; needs gsap, swiper - [Scroll Scrubbed Video Hero](https://uncodeui.com/c/neddev/scroll-locked-video-hero.html): media; needs no extra packages - [Scroll Swap Text](https://uncodeui.com/c/neddev/scroll-swap-text.html): text; needs framer-motion - [Scroll Tilt Device Mockup](https://uncodeui.com/c/neddev/container-scroll-animation.html): effects; needs framer-motion - [Scroll Timeline](https://uncodeui.com/c/neddev/scroll-timeline.html): layout; needs no extra packages - [Search Expand Navigation](https://uncodeui.com/c/neddev/search-expand-nav.html): layout; needs framer-motion - [Secret Text Reveal](https://uncodeui.com/c/neddev/secret-text-reveal.html): text; needs no extra packages - [Segmented Lcd Number Ticker](https://uncodeui.com/c/neddev/segmented-lcd-number-ticker.html): text; needs no extra packages - [Segmented Progress Stat Card](https://uncodeui.com/c/neddev/statistics-card-13.html): cards; needs @tanstack/react-table - [Segmented Toggle](https://uncodeui.com/c/neddev/segmented-toggle.html): buttons; needs @base-ui/react, clsx, tailwind-merge - [Selection Bubble Menu](https://uncodeui.com/c/neddev/selection-bubble-menu.html): layout; needs framer-motion - [Send Button](https://uncodeui.com/c/neddev/send-button.html): buttons; needs no extra packages - [Server Card](https://uncodeui.com/c/neddev/server-card.html): cards; needs lucide-react - [Shader Background](https://uncodeui.com/c/neddev/shader-background.html): backgrounds; needs no extra packages - [Shader Button](https://uncodeui.com/c/neddev/shader-button.html): buttons; needs no extra packages - [Shattered Glass Hero](https://uncodeui.com/c/neddev/broken-by-design.html): effects; needs no extra packages - [Shave Reveal Hero](https://uncodeui.com/c/neddev/shave-reveal-hero.html): effects; needs no extra packages - [Shimmer Button Chamaac](https://uncodeui.com/c/neddev/shimmer-button-chamaac.html): buttons; needs framer-motion - [Shine Border Stats Card](https://uncodeui.com/c/neddev/shine-border-stats-card.html): cards; needs lucide-react - [Shiny Button Hyperiux](https://uncodeui.com/c/neddev/shiny-button-hyperiux.html): buttons; needs no extra packages - [Shiny Button Scrollxui](https://uncodeui.com/c/neddev/shiny-button-scrollxui.html): buttons; needs @radix-ui/react-slot, class-variance-authority, framer-motion - [Sign in Card](https://uncodeui.com/c/neddev/sign-in-card.html): forms; needs framer-motion, lucide-react - [Silhouette Wrap](https://uncodeui.com/c/neddev/silhouette-wrap.html): text; needs no extra packages - [Singularity](https://uncodeui.com/c/neddev/singularity.html): backgrounds; needs clsx, lucide-react, tailwind-merge - [Skeleton Reveal](https://uncodeui.com/c/neddev/skeleton-reveal.html): effects; needs no extra packages - [Slideshow](https://uncodeui.com/c/neddev/slideshow.html): media; needs motion - [Sliding Glow Tabs](https://uncodeui.com/c/neddev/sliding-glow-tabs.html): buttons; needs framer-motion - [Smoke Card](https://uncodeui.com/c/neddev/smoke-card.html): effects; needs no extra packages - [Sonar Grid](https://uncodeui.com/c/neddev/sonar-grid.html): backgrounds; needs no extra packages - [Special Text](https://uncodeui.com/c/neddev/special-text.html): text; needs framer-motion - [Spinning Circle](https://uncodeui.com/c/neddev/spinning-circle.html): effects; needs class-variance-authority, framer-motion - [Spline 3D Scene](https://uncodeui.com/c/neddev/splite.html): media; needs @splinetool/react-spline - [Split Axis Convergence](https://uncodeui.com/c/neddev/split-axis-convergence.html): media; needs framer-motion - [Split Login](https://uncodeui.com/c/neddev/split-login.html): forms; needs framer-motion, lucide-react - [Split Testimonial](https://uncodeui.com/c/neddev/split-testimonial.html): cards; needs framer-motion, lucide-react - [Spotlight Cursor](https://uncodeui.com/c/neddev/spotlight-cursor.html): effects; needs no extra packages - [Spotlight Feature Grid](https://uncodeui.com/c/neddev/spotlight-feature-grid.html): cards; needs framer-motion, lucide-react - [Squid Shapes Loader](https://uncodeui.com/c/neddev/squid-shapes-loader.html): effects; needs no extra packages - [Squiggly Text](https://uncodeui.com/c/neddev/squiggly-text.html): text; needs framer-motion - [Stack Feature Section](https://uncodeui.com/c/neddev/stack-feature-section.html): layout; needs lucide-react - [Stack Spread](https://uncodeui.com/c/neddev/stack-spread.html): media; needs framer-motion - [Stacked Display Cards](https://uncodeui.com/c/neddev/display-cards.html): cards; needs lucide-react - [Stagger Testimonials](https://uncodeui.com/c/neddev/stagger-testimonials.html): cards; needs lucide-react - [Standard Card](https://uncodeui.com/c/neddev/standard-card.html): cards; needs framer-motion, lucide-react - [Stats Widget](https://uncodeui.com/c/neddev/stats-widget.html): cards; needs lucide-react - [Status Pill](https://uncodeui.com/c/neddev/status-pill.html): buttons; needs class-variance-authority - [Sticky Column Photo Gallery](https://uncodeui.com/c/neddev/sticky-scroll.html): media; needs lenis - [Streaming Chat Response](https://uncodeui.com/c/neddev/streaming-chat-response.html): text; needs lucide-react - [Streaming Response](https://uncodeui.com/c/neddev/streaming-response.html): cards; needs framer-motion, lucide-react - [Styled Badges](https://uncodeui.com/c/neddev/styled-badges.html): buttons; needs framer-motion - [Styled Toggle Switches](https://uncodeui.com/c/neddev/styled-toggle-switches.html): buttons; needs framer-motion, lucide-react - [Tag Input](https://uncodeui.com/c/neddev/tag-input.html): forms; needs framer-motion - [Tangle Footer](https://uncodeui.com/c/neddev/tangle-footer.html): layout; needs framer-motion - [Task Checkbox](https://uncodeui.com/c/neddev/task-checkbox.html): forms; needs framer-motion - [Team 2](https://uncodeui.com/c/neddev/team-2.html): layout; needs no extra packages - [Team Invitation](https://uncodeui.com/c/neddev/team-invitation.html): cards; needs lucide-react, next - [Terminal Loader](https://uncodeui.com/c/neddev/terminal-loader.html): effects; needs framer-motion - [Terminal Thegridcn](https://uncodeui.com/c/neddev/terminal-thegridcn.html): effects; needs no extra packages - [Testimonial Marquee](https://uncodeui.com/c/neddev/testimonial-marquee.html): marquee; needs no extra packages - [Testimonials Columns 1](https://uncodeui.com/c/neddev/testimonials-columns-1.html): cards; needs motion - [Testimonials Vertical Marquee](https://uncodeui.com/c/neddev/testimonials-vertical-marquee.html): marquee; needs framer-motion - [Text Animation](https://uncodeui.com/c/neddev/text-animation.html): text; needs framer-motion - [Text Card Flick](https://uncodeui.com/c/neddev/text-card-flick.html): text; needs no extra packages - [Text Decoder](https://uncodeui.com/c/neddev/text-decoder.html): text; needs no extra packages - [Text Frame](https://uncodeui.com/c/neddev/text-frame.html): text; needs framer-motion - [Text Morphing](https://uncodeui.com/c/neddev/text-morphing.html): text; needs no extra packages - [Text Ripple](https://uncodeui.com/c/neddev/text-ripple.html): text; needs clsx, tailwind-merge - [Text Scramble Soralabs](https://uncodeui.com/c/neddev/text-scramble-soralabs.html): text; needs framer-motion - [Text Shimmer Wensity](https://uncodeui.com/c/neddev/text-shimmer-wensity.html): text; needs no extra packages - [Text Split Reveal](https://uncodeui.com/c/neddev/text-split-reveal.html): text; needs framer-motion - [Tiger Tear Reveal](https://uncodeui.com/c/neddev/tiger-tear-reveal.html): effects; needs no extra packages - [Tilt Card Spotlight](https://uncodeui.com/c/neddev/tilt-card-spotlight.html): cards; needs no extra packages - [Tilt Cascade Carousel](https://uncodeui.com/c/neddev/tilt-cascade-carousel.html): media; needs no extra packages - [Tomoe Loader](https://uncodeui.com/c/neddev/tomoe-loader.html): effects; needs no extra packages - [Toolchain Marquee](https://uncodeui.com/c/neddev/toolchain-marquee.html): marquee; needs framer-motion, lucide-react - [Tubelight Navbar](https://uncodeui.com/c/neddev/tubelight-navbar.html): layout; needs framer-motion, lucide-react - [Turbulent Flow](https://uncodeui.com/c/neddev/turbulent-flow.html): backgrounds; needs gsap, three - [Type Testimonial](https://uncodeui.com/c/neddev/type-testimonial.html): cards; needs framer-motion, lucide-react - [Typer](https://uncodeui.com/c/neddev/typer.html): text; needs no extra packages - [Typing Text](https://uncodeui.com/c/neddev/typing-text.html): text; needs no extra packages - [Underline Accordion](https://uncodeui.com/c/neddev/underline-accordion.html): layout; needs framer-motion, lucide-react - [Unlumen Orbiting Skills](https://uncodeui.com/c/neddev/unlumen-orbiting-skills.html): effects; needs framer-motion - [Upgrade Banner](https://uncodeui.com/c/neddev/upgrade-banner.html): layout; needs framer-motion, lucide-react - [Variable Text Proximity](https://uncodeui.com/c/neddev/variable-text-proximity.html): text; needs no extra packages - [Velaris](https://uncodeui.com/c/neddev/velaris.html): backgrounds; needs no extra packages - [Vertical Tabs](https://uncodeui.com/c/neddev/vertical-tabs.html): layout; needs framer-motion, lucide-react - [Voice Powered Orb](https://uncodeui.com/c/neddev/voice-powered-orb.html): effects; needs ogl - [Volume Pricing Card](https://uncodeui.com/c/neddev/volume-pricing-card.html): cards; needs framer-motion, lucide-react - [Voxel Topography Grid](https://uncodeui.com/c/neddev/voxel-topography-grid.html): backgrounds; needs no extra packages - [Wave Field](https://uncodeui.com/c/neddev/wave-field.html): backgrounds; needs lucide-react - [Wave Field Daiwiikharih](https://uncodeui.com/c/neddev/wave-field-daiwiikharih.html): backgrounds; needs lucide-react - [Wave Lines](https://uncodeui.com/c/neddev/wave-lines.html): backgrounds; needs no extra packages - [Wave Spinner](https://uncodeui.com/c/neddev/wave-spinner.html): effects; needs class-variance-authority - [Waveform Loader](https://uncodeui.com/c/neddev/waveform-loader.html): effects; needs framer-motion - [Weave Spinner](https://uncodeui.com/c/neddev/weave-spinner.html): effects; needs no extra packages - [Wheel Carousel](https://uncodeui.com/c/neddev/wheel-carousel.html): media; needs framer-motion - [Wireframe Dotted Globe](https://uncodeui.com/c/neddev/wireframe-dotted-globe.html): effects; needs d3 - [Woven Cloth](https://uncodeui.com/c/neddev/woven-cloth.html): backgrounds; needs no extra packages ## Prompt Kit (23 components, licence MIT) - [Chain of Thought](https://uncodeui.com/c/promptkit/chain-of-thought.html): other; needs lucide-react - [Chat Container](https://uncodeui.com/c/promptkit/chat-container.html): layout; needs use-stick-to-bottom - [Chatbot](https://uncodeui.com/c/promptkit/chatbot.html): other; needs ai, @ai-sdk/openai, zod, @ai-sdk/react, use-stick-to-bottom, react-markdown, remark-gfm, shiki, marked, remark-breaks - [Code Block](https://uncodeui.com/c/promptkit/code-block.html): data; needs shiki - [Feedback Bar](https://uncodeui.com/c/promptkit/feedback-bar.html): other; needs lucide-react - [File Upload](https://uncodeui.com/c/promptkit/file-upload.html): forms; needs no extra packages - [Image](https://uncodeui.com/c/promptkit/image.html): media; needs no extra packages - [Jsx Preview](https://uncodeui.com/c/promptkit/jsx-preview.html): other; needs react-jsx-parser - [Loading Spinner](https://uncodeui.com/c/promptkit/loader.html): feedback; needs no extra packages - [Markdown](https://uncodeui.com/c/promptkit/markdown.html): other; needs react-markdown, remark-gfm, shiki, marked, remark-breaks - [Message](https://uncodeui.com/c/promptkit/message.html): other; needs react-markdown, remark-gfm, shiki, marked, remark-breaks - [Prompt Input](https://uncodeui.com/c/promptkit/prompt-input.html): forms; needs no extra packages - [Prompt Suggestion](https://uncodeui.com/c/promptkit/prompt-suggestion.html): other; needs class-variance-authority, lucide-react - [Reasoning](https://uncodeui.com/c/promptkit/reasoning.html): other; needs lucide-react - [Response Stream](https://uncodeui.com/c/promptkit/response-stream.html): other; needs no extra packages - [Scroll Button](https://uncodeui.com/c/promptkit/scroll-button.html): buttons; needs class-variance-authority, lucide-react - [Shimmer Text](https://uncodeui.com/c/promptkit/text-shimmer.html): effects; needs no extra packages - [Source](https://uncodeui.com/c/promptkit/source.html): other; needs no extra packages - [Steps](https://uncodeui.com/c/promptkit/steps.html): other; needs no extra packages - [System Message](https://uncodeui.com/c/promptkit/system-message.html): other; needs no extra packages - [Thinking Bar](https://uncodeui.com/c/promptkit/thinking-bar.html): other; needs lucide-react - [Tool](https://uncodeui.com/c/promptkit/tool.html): other; needs lucide-react - [Tool Calling](https://uncodeui.com/c/promptkit/tool-calling.html): other; needs ai, @ai-sdk/openai, zod, @ai-sdk/react, use-stick-to-bottom, react-markdown, remark-gfm, shiki, marked, remark-breaks ## ReUI (11 components, licence MIT) - [Alert](https://uncodeui.com/c/reui/alert.html): feedback; needs class-variance-authority - [Autocomplete](https://uncodeui.com/c/reui/autocomplete.html): other; needs @base-ui/react, class-variance-authority - [Badge](https://uncodeui.com/c/reui/badge.html): feedback; needs @base-ui/react, class-variance-authority - [C Accordion 1](https://uncodeui.com/c/reui/c-accordion-1.html): layout; needs no extra packages - [C Accordion 10](https://uncodeui.com/c/reui/c-accordion-10.html): layout; needs no extra packages - [C Accordion 11](https://uncodeui.com/c/reui/c-accordion-11.html): layout; needs no extra packages - [C Accordion 2](https://uncodeui.com/c/reui/c-accordion-2.html): layout; needs no extra packages - [C Accordion 3](https://uncodeui.com/c/reui/c-accordion-3.html): layout; needs no extra packages - [C Accordion 5](https://uncodeui.com/c/reui/c-accordion-5.html): layout; needs no extra packages - [C Accordion 6](https://uncodeui.com/c/reui/c-accordion-6.html): layout; needs no extra packages - [C Accordion 7](https://uncodeui.com/c/reui/c-accordion-7.html): layout; needs no extra packages ## shadcn/ui (54 components, licence MIT) - [Accordion](https://uncodeui.com/c/shadcn/accordion.html): layout; needs @radix-ui/react-accordion - [Alert](https://uncodeui.com/c/shadcn/alert.html): feedback; needs no extra packages - [Alert Dialog](https://uncodeui.com/c/shadcn/alert-dialog.html): overlays; needs @radix-ui/react-alert-dialog - [Aspect Ratio](https://uncodeui.com/c/shadcn/aspect-ratio.html): layout; needs @radix-ui/react-aspect-ratio - [Avatar](https://uncodeui.com/c/shadcn/avatar.html): media; needs @radix-ui/react-avatar - [Badge](https://uncodeui.com/c/shadcn/badge.html): feedback; needs @radix-ui/react-slot - [Breadcrumb](https://uncodeui.com/c/shadcn/breadcrumb.html): navigation; needs @radix-ui/react-slot - [Button](https://uncodeui.com/c/shadcn/button.html): buttons; needs @radix-ui/react-slot - [Button Group](https://uncodeui.com/c/shadcn/button-group.html): buttons; needs no extra packages - [Calendar](https://uncodeui.com/c/shadcn/calendar.html): forms; needs react-day-picker@latest, date-fns - [Card](https://uncodeui.com/c/shadcn/card.html): cards; needs no extra packages - [Carousel](https://uncodeui.com/c/shadcn/carousel.html): media; needs embla-carousel-react - [Chart](https://uncodeui.com/c/shadcn/chart.html): data; needs recharts@2.15.4, lucide-react - [Checkbox](https://uncodeui.com/c/shadcn/checkbox.html): forms; needs @radix-ui/react-checkbox - [Collapsible](https://uncodeui.com/c/shadcn/collapsible.html): layout; needs @radix-ui/react-collapsible - [Command](https://uncodeui.com/c/shadcn/command.html): navigation; needs cmdk - [Context Menu](https://uncodeui.com/c/shadcn/context-menu.html): text; needs @radix-ui/react-context-menu - [Dialog](https://uncodeui.com/c/shadcn/dialog.html): overlays; needs @radix-ui/react-dialog - [Drawer](https://uncodeui.com/c/shadcn/drawer.html): overlays; needs vaul, @radix-ui/react-dialog - [Dropdown Menu](https://uncodeui.com/c/shadcn/dropdown-menu.html): navigation; needs @radix-ui/react-dropdown-menu - [Empty](https://uncodeui.com/c/shadcn/empty.html): other; needs no extra packages - [Field](https://uncodeui.com/c/shadcn/field.html): forms; needs no extra packages - [Form](https://uncodeui.com/c/shadcn/form.html): forms; needs @radix-ui/react-label, @radix-ui/react-slot, @hookform/resolvers, zod, react-hook-form - [Hover Card](https://uncodeui.com/c/shadcn/hover-card.html): cards; needs @radix-ui/react-hover-card - [Input](https://uncodeui.com/c/shadcn/input.html): forms; needs no extra packages - [Input Group](https://uncodeui.com/c/shadcn/input-group.html): forms; needs no extra packages - [Item](https://uncodeui.com/c/shadcn/item.html): other; needs no extra packages - [Kbd](https://uncodeui.com/c/shadcn/kbd.html): other; needs no extra packages - [Label](https://uncodeui.com/c/shadcn/label.html): other; needs @radix-ui/react-label - [Menubar](https://uncodeui.com/c/shadcn/menubar.html): navigation; needs @radix-ui/react-menubar - [Navigation Menu](https://uncodeui.com/c/shadcn/navigation-menu.html): navigation; needs @radix-ui/react-navigation-menu - [One Time Code Input](https://uncodeui.com/c/shadcn/input-otp.html): forms; needs input-otp - [Pagination](https://uncodeui.com/c/shadcn/pagination.html): navigation; needs no extra packages - [Popover](https://uncodeui.com/c/shadcn/popover.html): overlays; needs @radix-ui/react-popover - [Progress](https://uncodeui.com/c/shadcn/progress.html): feedback; needs @radix-ui/react-progress - [Radio Group](https://uncodeui.com/c/shadcn/radio-group.html): forms; needs @radix-ui/react-radio-group - [Resizable](https://uncodeui.com/c/shadcn/resizable.html): layout; needs react-resizable-panels - [Scroll Area](https://uncodeui.com/c/shadcn/scroll-area.html): marquee; needs @radix-ui/react-scroll-area - [Select](https://uncodeui.com/c/shadcn/select.html): forms; needs @radix-ui/react-select - [Separator](https://uncodeui.com/c/shadcn/separator.html): layout; needs @radix-ui/react-separator - [Sheet](https://uncodeui.com/c/shadcn/sheet.html): overlays; needs @radix-ui/react-dialog - [Sidebar](https://uncodeui.com/c/shadcn/sidebar.html): navigation; needs @radix-ui/react-slot, class-variance-authority, lucide-react - [Skeleton](https://uncodeui.com/c/shadcn/skeleton.html): feedback; needs no extra packages - [Slider](https://uncodeui.com/c/shadcn/slider.html): forms; needs @radix-ui/react-slider - [Sonner](https://uncodeui.com/c/shadcn/sonner.html): feedback; needs sonner, next-themes - [Spinner](https://uncodeui.com/c/shadcn/spinner.html): feedback; needs class-variance-authority - [Switch](https://uncodeui.com/c/shadcn/switch.html): forms; needs @radix-ui/react-switch - [Table](https://uncodeui.com/c/shadcn/table.html): navigation; needs no extra packages - [Tabs](https://uncodeui.com/c/shadcn/tabs.html): navigation; needs @radix-ui/react-tabs - [Textarea](https://uncodeui.com/c/shadcn/textarea.html): text; needs no extra packages - [Toast](https://uncodeui.com/c/shadcn/toast.html): feedback; needs @radix-ui/react-toast - [Toggle](https://uncodeui.com/c/shadcn/toggle.html): other; needs @radix-ui/react-toggle - [Toggle Group](https://uncodeui.com/c/shadcn/toggle-group.html): other; needs @radix-ui/react-toggle-group - [Tooltip](https://uncodeui.com/c/shadcn/tooltip.html): overlays; needs @radix-ui/react-tooltip ## SmoothUI (167 components, licence MIT) - [Agent Avatar](https://uncodeui.com/c/smoothui/agent-avatar.html): media; needs no extra packages - [AI Approval](https://uncodeui.com/c/smoothui/ai-approval.html): other; needs lucide-react, motion - [AI Artifact](https://uncodeui.com/c/smoothui/ai-artifact.html): other; needs lucide-react, motion - [AI Branch](https://uncodeui.com/c/smoothui/ai-branch.html): other; needs lucide-react, motion - [AI Citation](https://uncodeui.com/c/smoothui/ai-citation.html): other; needs lucide-react, motion - [AI Context Meter](https://uncodeui.com/c/smoothui/ai-context-meter.html): text; needs lucide-react, motion - [AI Conversation](https://uncodeui.com/c/smoothui/ai-conversation.html): other; needs lucide-react, motion - [AI Core](https://uncodeui.com/c/smoothui/ai-core.html): other; needs motion - [AI Diff](https://uncodeui.com/c/smoothui/ai-diff.html): other; needs lucide-react, motion - [AI Input](https://uncodeui.com/c/smoothui/ai-input.html): forms; needs no extra packages - [AI Loader](https://uncodeui.com/c/smoothui/ai-loader.html): feedback; needs motion - [AI Message](https://uncodeui.com/c/smoothui/ai-message.html): other; needs lucide-react, motion - [AI Orb Face](https://uncodeui.com/c/smoothui/ai-orb-face.html): effects; needs motion - [AI Prompt Input](https://uncodeui.com/c/smoothui/ai-prompt-input.html): forms; needs lucide-react, motion - [AI Reasoning](https://uncodeui.com/c/smoothui/ai-reasoning.html): other; needs lucide-react, motion - [AI Response](https://uncodeui.com/c/smoothui/ai-response.html): other; needs motion - [AI Sources](https://uncodeui.com/c/smoothui/ai-sources.html): other; needs lucide-react, motion - [AI Suggestions](https://uncodeui.com/c/smoothui/ai-suggestions.html): other; needs lucide-react, motion - [AI Task List](https://uncodeui.com/c/smoothui/ai-task-list.html): data; needs lucide-react, motion - [AI Tool Call](https://uncodeui.com/c/smoothui/ai-tool-call.html): other; needs lucide-react, motion - [Animated Avatar Group](https://uncodeui.com/c/smoothui/animated-avatar-group.html): media; needs motion - [Animated File Upload](https://uncodeui.com/c/smoothui/animated-file-upload.html): forms; needs motion - [Animated Input](https://uncodeui.com/c/smoothui/animated-input.html): forms; needs motion - [Animated O T P Input](https://uncodeui.com/c/smoothui/animated-o-t-p-input.html): forms; needs motion, lucide-react, input-otp - [Animated Progress Bar](https://uncodeui.com/c/smoothui/animated-progress-bar.html): feedback; needs motion - [Animated Stepper](https://uncodeui.com/c/smoothui/animated-stepper.html): navigation; needs motion - [Animated Tabs](https://uncodeui.com/c/smoothui/animated-tabs.html): navigation; needs motion - [Animated Tags](https://uncodeui.com/c/smoothui/animated-tags.html): other; needs motion, lucide-react - [Animated Toggle](https://uncodeui.com/c/smoothui/animated-toggle.html): other; needs motion - [Animated Tooltip](https://uncodeui.com/c/smoothui/animated-tooltip.html): overlays; needs motion - [Aperture Blur Transition](https://uncodeui.com/c/smoothui/aperture-blur-transition.html): effects; needs motion - [App Download Stack](https://uncodeui.com/c/smoothui/app-download-stack.html): other; needs motion, lucide-react - [Apple Invites](https://uncodeui.com/c/smoothui/apple-invites.html): other; needs motion, lucide-react, popmotion - [Basic Accordion](https://uncodeui.com/c/smoothui/basic-accordion.html): layout; needs motion, lucide-react - [Basic Dropdown](https://uncodeui.com/c/smoothui/basic-dropdown.html): overlays; needs motion, lucide-react - [Basic Modal](https://uncodeui.com/c/smoothui/basic-modal.html): overlays; needs motion, lucide-react, usehooks-ts - [Basic Toast](https://uncodeui.com/c/smoothui/basic-toast.html): feedback; needs motion, lucide-react - [Blur Out Up](https://uncodeui.com/c/smoothui/blur-out-up.html): effects; needs motion - [Book](https://uncodeui.com/c/smoothui/book.html): other; needs motion - [Bottom Up Letters](https://uncodeui.com/c/smoothui/bottom-up-letters.html): text; needs motion - [Breadcrumb](https://uncodeui.com/c/smoothui/breadcrumb.html): navigation; needs motion, lucide-react - [Button Copy](https://uncodeui.com/c/smoothui/button-copy.html): buttons; needs motion, lucide-react - [Chat Template](https://uncodeui.com/c/smoothui/chat-template.html): other; needs lucide-react, motion - [Checkbox](https://uncodeui.com/c/smoothui/checkbox.html): forms; needs motion, radix-ui - [Chroma Blur Transition](https://uncodeui.com/c/smoothui/chroma-blur-transition.html): effects; needs motion - [Clip Corners Button](https://uncodeui.com/c/smoothui/clip-corners-button.html): buttons; needs motion - [Combobox](https://uncodeui.com/c/smoothui/combobox.html): forms; needs motion, lucide-react - [Context Menu](https://uncodeui.com/c/smoothui/context-menu.html): text; needs motion - [Contribution Graph](https://uncodeui.com/c/smoothui/contribution-graph.html): data; needs motion - [CTA 1](https://uncodeui.com/c/smoothui/cta-1.html): buttons; needs motion - [CTA 2](https://uncodeui.com/c/smoothui/cta-2.html): buttons; needs motion - [CTA 3](https://uncodeui.com/c/smoothui/cta-3.html): buttons; needs motion - [Cursor Follow](https://uncodeui.com/c/smoothui/cursor-follow.html): other; needs motion - [Depth Parallax Words](https://uncodeui.com/c/smoothui/depth-parallax-words.html): text; needs motion - [Dialog](https://uncodeui.com/c/smoothui/dialog.html): overlays; needs lucide-react, motion, radix-ui - [Dot Morph Button](https://uncodeui.com/c/smoothui/dot-morph-button.html): text; needs motion - [Drawer](https://uncodeui.com/c/smoothui/drawer.html): overlays; needs motion - [Dropdown Menu](https://uncodeui.com/c/smoothui/dropdown-menu.html): navigation; needs motion - [Dynamic Island](https://uncodeui.com/c/smoothui/dynamic-island.html): other; needs motion, lucide-react - [Expandable Cards](https://uncodeui.com/c/smoothui/expandable-cards.html): cards; needs motion, lucide-react - [Exposure Slider](https://uncodeui.com/c/smoothui/exposure-slider.html): forms; needs motion - [Fade Through](https://uncodeui.com/c/smoothui/fade-through.html): other; needs motion - [Faq 1](https://uncodeui.com/c/smoothui/faq-1.html): layout; needs lucide-react, motion - [Faq 2](https://uncodeui.com/c/smoothui/faq-2.html): layout; needs motion - [Faq 3](https://uncodeui.com/c/smoothui/faq-3.html): layout; needs lucide-react, motion - [Faq 4](https://uncodeui.com/c/smoothui/faq-4.html): layout; needs lucide-react, motion - [Features 1](https://uncodeui.com/c/smoothui/features-1.html): layout; needs motion - [Features 2](https://uncodeui.com/c/smoothui/features-2.html): layout; needs motion - [Features 3](https://uncodeui.com/c/smoothui/features-3.html): layout; needs motion - [Figma Comment](https://uncodeui.com/c/smoothui/figma-comment.html): other; needs motion - [Focus Blur Resolve](https://uncodeui.com/c/smoothui/focus-blur-resolve.html): effects; needs motion - [Footer 1](https://uncodeui.com/c/smoothui/footer-1.html): layout; needs motion - [Footer 2](https://uncodeui.com/c/smoothui/footer-2.html): layout; needs motion - [Footer 3](https://uncodeui.com/c/smoothui/footer-3.html): layout; needs lucide-react, motion - [Footer 4](https://uncodeui.com/c/smoothui/footer-4.html): layout; needs lucide-react, motion - [Form](https://uncodeui.com/c/smoothui/form.html): forms; needs lucide-react, motion - [Github Stars Animation](https://uncodeui.com/c/smoothui/github-stars-animation.html): other; needs motion, lucide-react - [Glow Hover Card](https://uncodeui.com/c/smoothui/glow-hover-card.html): effects; needs motion - [Gooey Popover](https://uncodeui.com/c/smoothui/gooey-popover.html): overlays; needs gsap - [Grid Loader](https://uncodeui.com/c/smoothui/grid-loader.html): feedback; needs motion - [Header 1](https://uncodeui.com/c/smoothui/header-1.html): layout; needs lucide-react, motion - [Header 2](https://uncodeui.com/c/smoothui/header-2.html): layout; needs lucide-react, motion - [Header 3](https://uncodeui.com/c/smoothui/header-3.html): layout; needs lucide-react, motion - [Header 4](https://uncodeui.com/c/smoothui/header-4.html): layout; needs lucide-react, motion - [Header 5](https://uncodeui.com/c/smoothui/header-5.html): layout; needs motion - [Header 6](https://uncodeui.com/c/smoothui/header-6.html): layout; needs motion - [Image Metadata Preview](https://uncodeui.com/c/smoothui/image-metadata-preview.html): media; needs motion, lucide-react, react-use-measure - [Infinite Logo Slider](https://uncodeui.com/c/smoothui/infinite-slider.html): marquee; needs motion, react-use-measure - [Interactive Image Selector](https://uncodeui.com/c/smoothui/interactive-image-selector.html): forms; needs motion, lucide-react - [Job Listing Component](https://uncodeui.com/c/smoothui/job-listing-component.html): data; needs motion, usehooks-ts - [Kinetic Center Build](https://uncodeui.com/c/smoothui/kinetic-center-build.html): other; needs motion - [Line by Line Slide](https://uncodeui.com/c/smoothui/line-by-line-slide.html): other; needs motion - [Logo Cloud 1](https://uncodeui.com/c/smoothui/logo-cloud-1.html): marquee; needs no extra packages - [Logo Cloud 2](https://uncodeui.com/c/smoothui/logo-cloud-2.html): marquee; needs motion - [Logo Cloud 3](https://uncodeui.com/c/smoothui/logo-cloud-3.html): marquee; needs no extra packages - [Logo Cloud 4](https://uncodeui.com/c/smoothui/logo-cloud-4.html): marquee; needs motion - [Magnetic Button](https://uncodeui.com/c/smoothui/magnetic-button.html): buttons; needs @radix-ui/react-slot, class-variance-authority, motion - [Mask Reveal Up](https://uncodeui.com/c/smoothui/mask-reveal-up.html): other; needs motion - [Micro Scale Fade](https://uncodeui.com/c/smoothui/micro-scale-fade.html): other; needs motion - [Morphing Surface](https://uncodeui.com/c/smoothui/morph-surface.html): text; needs class-variance-authority, motion - [Notification Badge](https://uncodeui.com/c/smoothui/notification-badge.html): feedback; needs motion - [Number Flow](https://uncodeui.com/c/smoothui/number-flow.html): other; needs lucide-react - [Organic Merge Transition](https://uncodeui.com/c/smoothui/organic-merge-transition.html): other; needs no extra packages - [Pagination](https://uncodeui.com/c/smoothui/pagination.html): navigation; needs motion, lucide-react - [Per Character Rise](https://uncodeui.com/c/smoothui/per-character-rise.html): other; needs motion - [Per Word Crossfade](https://uncodeui.com/c/smoothui/per-word-crossfade.html): text; needs motion - [Photo Stack](https://uncodeui.com/c/smoothui/photo-stack.html): other; needs motion - [Phototab](https://uncodeui.com/c/smoothui/phototab.html): navigation; needs motion, @radix-ui/react-tabs - [Power Off Slide](https://uncodeui.com/c/smoothui/power-off-slide.html): other; needs motion, lucide-react - [Price Flow](https://uncodeui.com/c/smoothui/price-flow.html): other; needs no extra packages - [Pricing 1](https://uncodeui.com/c/smoothui/pricing-1.html): layout; needs motion - [Pricing 2](https://uncodeui.com/c/smoothui/pricing-2.html): layout; needs motion - [Pricing 3](https://uncodeui.com/c/smoothui/pricing-3.html): layout; needs motion - [Prism Sweep Transition](https://uncodeui.com/c/smoothui/prism-sweep-transition.html): other; needs motion - [Product Card](https://uncodeui.com/c/smoothui/product-card.html): cards; needs motion - [Radial Circles Transition](https://uncodeui.com/c/smoothui/radial-circles-transition.html): other; needs no extra packages - [Radio Group](https://uncodeui.com/c/smoothui/radio-group.html): forms; needs motion, radix-ui - [Reveal Text](https://uncodeui.com/c/smoothui/reveal-text.html): text; needs motion - [Reviews Carousel](https://uncodeui.com/c/smoothui/reviews-carousel.html): media; needs motion, lucide-react - [Rich Popover](https://uncodeui.com/c/smoothui/rich-popover.html): overlays; needs motion, lucide-react, @radix-ui/react-popover - [Scale Down Fade](https://uncodeui.com/c/smoothui/scale-down-fade.html): other; needs motion - [Scramble Hover](https://uncodeui.com/c/smoothui/scramble-hover.html): text; needs no extra packages - [Scroll Reveal Paragraph](https://uncodeui.com/c/smoothui/scroll-reveal-paragraph.html): marquee; needs motion - [Scrollable Card Stack](https://uncodeui.com/c/smoothui/scrollable-card-stack.html): cards; needs motion - [Scrubber](https://uncodeui.com/c/smoothui/scrubber.html): other; needs motion - [Sdf Blob Transition](https://uncodeui.com/c/smoothui/sdf-blob-transition.html): other; needs motion - [Sdf Circle Transition](https://uncodeui.com/c/smoothui/sdf-circle-transition.html): other; needs no extra packages - [Searchable Dropdown](https://uncodeui.com/c/smoothui/searchable-dropdown.html): forms; needs motion, lucide-react - [Select](https://uncodeui.com/c/smoothui/select.html): forms; needs lucide-react, motion - [Shader Reveal Circle Transition](https://uncodeui.com/c/smoothui/shader-reveal-circle-transition.html): backgrounds; needs no extra packages - [Shader Reveal Luma Transition](https://uncodeui.com/c/smoothui/shader-reveal-luma-transition.html): backgrounds; needs no extra packages - [Shader Reveal Noise Transition](https://uncodeui.com/c/smoothui/shader-reveal-noise-transition.html): effects; needs no extra packages - [Shader Reveal Planetary Transition](https://uncodeui.com/c/smoothui/shader-reveal-planetary-transition.html): backgrounds; needs no extra packages - [Shader Reveal Push Transition](https://uncodeui.com/c/smoothui/shader-reveal-push-transition.html): backgrounds; needs no extra packages - [Shader Reveal Stripes Transition](https://uncodeui.com/c/smoothui/shader-reveal-stripes-transition.html): backgrounds; needs no extra packages - [Shader Reveal Transition](https://uncodeui.com/c/smoothui/shader-reveal-transition.html): backgrounds; needs motion - [Shader Reveal Wipe Transition](https://uncodeui.com/c/smoothui/shader-reveal-wipe-transition.html): backgrounds; needs no extra packages - [Shader Reveal Zoom Transition](https://uncodeui.com/c/smoothui/shader-reveal-zoom-transition.html): backgrounds; needs no extra packages - [Shared](https://uncodeui.com/c/smoothui/shared.html): other; needs lucide-react, motion, class-variance-authority, @radix-ui/react-slot - [Shared Axis X](https://uncodeui.com/c/smoothui/shared-axis-x.html): other; needs motion - [Shared Axis Y](https://uncodeui.com/c/smoothui/shared-axis-y.html): other; needs motion - [Shared Axis Z](https://uncodeui.com/c/smoothui/shared-axis-z.html): other; needs motion - [Shimmer Sweep](https://uncodeui.com/c/smoothui/shimmer-sweep.html): effects; needs motion - [Shine Text](https://uncodeui.com/c/smoothui/shine-text.html): effects; needs motion - [Short Slide Down](https://uncodeui.com/c/smoothui/short-slide-down.html): other; needs motion - [Short Slide Right](https://uncodeui.com/c/smoothui/short-slide-right.html): other; needs motion - [Siri Orb](https://uncodeui.com/c/smoothui/siri-orb.html): effects; needs motion - [Skeleton Loader](https://uncodeui.com/c/smoothui/skeleton-loader.html): feedback; needs no extra packages - [Smooth Button](https://uncodeui.com/c/smoothui/smooth-button.html): buttons; needs @radix-ui/react-slot, class-variance-authority, motion - [Social Selector](https://uncodeui.com/c/smoothui/social-selector.html): forms; needs motion - [Soft Blur in](https://uncodeui.com/c/smoothui/soft-blur-in.html): effects; needs motion - [Spring Scale in](https://uncodeui.com/c/smoothui/spring-scale-in.html): other; needs motion - [Stagger From Center](https://uncodeui.com/c/smoothui/stagger-from-center.html): other; needs motion - [Stagger From Edges](https://uncodeui.com/c/smoothui/stagger-from-edges.html): other; needs motion - [Stats 1](https://uncodeui.com/c/smoothui/stats-1.html): data; needs motion - [Stats 2](https://uncodeui.com/c/smoothui/stats-2.html): data; needs lucide-react, motion - [Switchboard Card](https://uncodeui.com/c/smoothui/switchboard-card.html): cards; needs no extra packages - [Team 1](https://uncodeui.com/c/smoothui/team-1.html): other; needs motion - [Team 2](https://uncodeui.com/c/smoothui/team-2.html): other; needs motion - [Testimonials 1](https://uncodeui.com/c/smoothui/testimonials-1.html): layout; needs motion - [Testimonials 2](https://uncodeui.com/c/smoothui/testimonials-2.html): layout; needs lucide-react, motion - [Testimonials 3](https://uncodeui.com/c/smoothui/testimonials-3.html): layout; needs lucide-react, motion - [Top Down Letters](https://uncodeui.com/c/smoothui/top-down-letters.html): text; needs motion - [Typewriter Text](https://uncodeui.com/c/smoothui/typewriter-text.html): text; needs no extra packages - [User Account Avatar](https://uncodeui.com/c/smoothui/user-account-avatar.html): media; needs motion, lucide-react, @radix-ui/react-popover - [Warped Circle Transition](https://uncodeui.com/c/smoothui/warped-circle-transition.html): effects; needs no extra packages - [Wave Text](https://uncodeui.com/c/smoothui/wave-text.html): text; needs motion ## UI Layouts (323 components, licence MIT) - [3D Marquee](https://uncodeui.com/c/uilayouts/3d-marquee.html): marquee; needs no extra packages - [About Agency](https://uncodeui.com/c/uilayouts/about-agency.html): other; needs motion - [About Architecture](https://uncodeui.com/c/uilayouts/about-architecture.html): other; needs motion - [About Bento](https://uncodeui.com/c/uilayouts/about-bento.html): cards; needs motion - [About Business](https://uncodeui.com/c/uilayouts/about-business.html): other; needs motion - [About Creative](https://uncodeui.com/c/uilayouts/about-creative.html): other; needs motion - [About Ecommerse](https://uncodeui.com/c/uilayouts/about-ecommerse.html): other; needs motion - [About Experience](https://uncodeui.com/c/uilayouts/about-experience.html): other; needs motion - [About Me](https://uncodeui.com/c/uilayouts/about-me.html): other; needs motion - [About Mission](https://uncodeui.com/c/uilayouts/about-mission.html): other; needs motion - [About Sass](https://uncodeui.com/c/uilayouts/about-sass.html): other; needs motion - [About Vision](https://uncodeui.com/c/uilayouts/about-vision.html): other; needs motion - [About Whyus](https://uncodeui.com/c/uilayouts/about-whyus.html): other; needs motion - [Accordion](https://uncodeui.com/c/uilayouts/accordion.html): layout; needs no extra packages - [Advanced Stats](https://uncodeui.com/c/uilayouts/advanced-stats.html): data; needs motion - [Align Slider](https://uncodeui.com/c/uilayouts/align-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Animal Imagemasking](https://uncodeui.com/c/uilayouts/animal-imagemasking.html): media; needs motion - [Animated Beam](https://uncodeui.com/c/uilayouts/animated-beam.html): effects; needs no extra packages - [Animated Beam Default](https://uncodeui.com/c/uilayouts/animated-beam-default.html): effects; needs no extra packages - [Animated Beam Multiple Input](https://uncodeui.com/c/uilayouts/animated-beam-multiple-input.html): effects; needs no extra packages - [Animated Beam Multiple Output](https://uncodeui.com/c/uilayouts/animated-beam-multiple-output.html): effects; needs no extra packages - [Animated Beam, One Way](https://uncodeui.com/c/uilayouts/animated-beam-unidirectional.html): effects; needs no extra packages - [Animated Beam, Two Way](https://uncodeui.com/c/uilayouts/animated-beam-bidirectional.html): effects; needs no extra packages - [Animated Logo Footer](https://uncodeui.com/c/uilayouts/animated-logo-footer.html): media; needs motion - [Animated Tabs](https://uncodeui.com/c/uilayouts/animated-tabs.html): navigation; needs motion - [Autoscroll Slider](https://uncodeui.com/c/uilayouts/autoscroll-slider.html): marquee; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Autostart Slider](https://uncodeui.com/c/uilayouts/autostart-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Background Blocks One](https://uncodeui.com/c/uilayouts/bg-blocks-one.html): other; needs no extra packages - [Blur Vignette](https://uncodeui.com/c/uilayouts/blur-vignette.html): effects; needs no extra packages - [Blur Vignette Card](https://uncodeui.com/c/uilayouts/blur-vignette-card.html): effects; needs no extra packages - [Blur Vignette Image](https://uncodeui.com/c/uilayouts/blur-vignette-img.html): effects; needs no extra packages - [Blur Vignette Video](https://uncodeui.com/c/uilayouts/blur-vignette-video.html): effects; needs no extra packages - [Bottom Directional Drawer](https://uncodeui.com/c/uilayouts/bottom-directional-drawer.html): overlays; needs motion, lucide-react - [Boxgrid](https://uncodeui.com/c/uilayouts/boxgrid.html): other; needs motion - [Button Active](https://uncodeui.com/c/uilayouts/button-active.html): buttons; needs no extra packages - [Button Animated Gradient](https://uncodeui.com/c/uilayouts/btn-animated-gradient.html): backgrounds; needs no extra packages - [Button Arrow Right](https://uncodeui.com/c/uilayouts/btn-arrow-right.html): other; needs lucide-react - [Button Background Shine](https://uncodeui.com/c/uilayouts/btn-bg-shine.html): effects; needs no extra packages - [Button Black Shadow](https://uncodeui.com/c/uilayouts/btn-black-shadow.html): other; needs no extra packages - [Button Click Down](https://uncodeui.com/c/uilayouts/btn-click-down.html): other; needs no extra packages - [Button Creative Right](https://uncodeui.com/c/uilayouts/btn-creative-right.html): other; needs lucide-react - [Button Creative Top](https://uncodeui.com/c/uilayouts/btn-creative-top.html): other; needs lucide-react - [Button Cross Arrow](https://uncodeui.com/c/uilayouts/btn-cross-arrow.html): other; needs no extra packages - [Button Hover Down](https://uncodeui.com/c/uilayouts/btn-hover-down.html): overlays; needs no extra packages - [Button Hover Left Flip](https://uncodeui.com/c/uilayouts/btn-hover-left-flip.html): overlays; needs no extra packages - [Button Hover Multiple](https://uncodeui.com/c/uilayouts/btn-hover-multiple.html): overlays; needs no extra packages - [Button Hover Outline](https://uncodeui.com/c/uilayouts/btn-hover-outline.html): overlays; needs lucide-react - [Button Hover Right](https://uncodeui.com/c/uilayouts/button-hover-right.html): buttons; needs no extra packages - [Button Hover Top Flip](https://uncodeui.com/c/uilayouts/btn-hover-top-flip.html): overlays; needs no extra packages - [Button Hover Top Slowflip](https://uncodeui.com/c/uilayouts/btn-hover-top-slowflip.html): overlays; needs no extra packages - [Button Hover Underline](https://uncodeui.com/c/uilayouts/btn-hover-underline.html): overlays; needs no extra packages - [Button Hover14](https://uncodeui.com/c/uilayouts/btn-hover14.html): overlays; needs no extra packages - [Button Rotating Gradient](https://uncodeui.com/c/uilayouts/btn-rotating-gradient.html): backgrounds; needs no extra packages - [Button Text Change](https://uncodeui.com/c/uilayouts/btn-text-change.html): text; needs no extra packages - [Buyme Acoffee](https://uncodeui.com/c/uilayouts/buyme-acoffee.html): other; needs motion - [Card Globe](https://uncodeui.com/c/uilayouts/card-globe.html): cards; needs cobe - [Card Globe White](https://uncodeui.com/c/uilayouts/card-globe-white.html): cards; needs cobe - [Carousel](https://uncodeui.com/c/uilayouts/carousel.html): media; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Center Imagemasking](https://uncodeui.com/c/uilayouts/center-imagemasking.html): media; needs motion - [Chat Form Dropzone](https://uncodeui.com/c/uilayouts/chat-form-dropzone.html): forms; needs lucide-react - [Chat Interface Testimonial](https://uncodeui.com/c/uilayouts/chat-interface-testimonial.html): layout; needs motion - [Classname Slider](https://uncodeui.com/c/uilayouts/classname-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Code Block](https://uncodeui.com/c/uilayouts/code-block.html): data; needs shiki - [Code Block Comp](https://uncodeui.com/c/uilayouts/code-block-comp.html): data; needs no extra packages - [Code Tabs](https://uncodeui.com/c/uilayouts/code-tabs.html): navigation; needs no extra packages - [Code Tree Code Viewer](https://uncodeui.com/c/uilayouts/code-tree-code-viewer.html): data; needs no extra packages - [Colour Picker](https://uncodeui.com/c/uilayouts/color-picker.html): other; needs no extra packages - [ConditionGrid](https://uncodeui.com/c/uilayouts/conditionGrid.html): other; needs motion - [Confirm Pass Check](https://uncodeui.com/c/uilayouts/confirm-pass-check.html): other; needs lucide-react - [Corporate Clippath](https://uncodeui.com/c/uilayouts/corporate-clippath.html): other; needs motion - [Creative Clippath](https://uncodeui.com/c/uilayouts/creative-clippath.html): other; needs motion - [Creative Experience](https://uncodeui.com/c/uilayouts/creative-experience.html): other; needs motion - [Creative Hover Card](https://uncodeui.com/c/uilayouts/creative-hover-card.html): cards; needs motion - [Creative Imagemasking](https://uncodeui.com/c/uilayouts/creative-imagemasking.html): media; needs motion - [Creative Mask Clippath](https://uncodeui.com/c/uilayouts/creative-mask-clippath.html): other; needs motion - [Creative Tab](https://uncodeui.com/c/uilayouts/creative-tab.html): navigation; needs motion - [Creative Videomasking](https://uncodeui.com/c/uilayouts/creative-videomasking.html): media; needs motion - [CSS Card Stacking](https://uncodeui.com/c/uilayouts/css-card-stacking.html): cards; needs no extra packages - [CSS Image Stacking](https://uncodeui.com/c/uilayouts/css-image-stacking.html): media; needs no extra packages - [Customer Experience](https://uncodeui.com/c/uilayouts/customer-experience.html): other; needs motion - [Date Picker](https://uncodeui.com/c/uilayouts/date-picker.html): forms; needs chrono-node@latest, react-day-picker@^8.9.1 - [Datetime Input](https://uncodeui.com/c/uilayouts/datetime-input.html): forms; needs chrono-node@latest, react-day-picker@^8.9.1 - [Datetime Input Default](https://uncodeui.com/c/uilayouts/datetime-input-default.html): forms; needs chrono-node@latest, react-day-picker@^8.9.1 - [Default Color Picker](https://uncodeui.com/c/uilayouts/default-color-picker.html): other; needs no extra packages - [Default Marquee](https://uncodeui.com/c/uilayouts/default-marquee.html): marquee; needs no extra packages - [Default Slider](https://uncodeui.com/c/uilayouts/default-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Default Swapy](https://uncodeui.com/c/uilayouts/default-swapy.html): other; needs swapy - [Demo Spotlight Card2](https://uncodeui.com/c/uilayouts/demo-spotlight-card2.html): backgrounds; needs no extra packages - [Demo Spotlight Card3](https://uncodeui.com/c/uilayouts/demo-spotlight-card3.html): backgrounds; needs no extra packages - [Demo Spotlight Card4](https://uncodeui.com/c/uilayouts/demo-spotlight-card4.html): backgrounds; needs no extra packages - [Dialog](https://uncodeui.com/c/uilayouts/dialog.html): overlays; needs motion, lucide-react - [Dialog Default](https://uncodeui.com/c/uilayouts/dialog-default.html): overlays; needs motion, lucide-react - [Directional Drawer](https://uncodeui.com/c/uilayouts/directional-drawer.html): overlays; needs motion, lucide-react - [Directional Drawer_default](https://uncodeui.com/c/uilayouts/directional-drawer_default.html): overlays; needs motion, lucide-react - [Drag Items](https://uncodeui.com/c/uilayouts/drag-items.html): other; needs motion - [Dual Range Slider](https://uncodeui.com/c/uilayouts/dual-range-slider.html): forms; needs no extra packages - [Faq Accordion](https://uncodeui.com/c/uilayouts/faq-accordion.html): layout; needs no extra packages - [Faq Founder](https://uncodeui.com/c/uilayouts/faq-founder.html): layout; needs motion - [Faq Glass Card](https://uncodeui.com/c/uilayouts/faq-glass-card.html): cards; needs motion - [Faq Interactive Preview](https://uncodeui.com/c/uilayouts/faq-interactive-preview.html): layout; needs motion - [Faq Journey](https://uncodeui.com/c/uilayouts/faq-journey.html): layout; needs motion - [Faq Minimilastic](https://uncodeui.com/c/uilayouts/faq-minimilastic.html): layout; needs motion - [Faq Tabbed Explorer](https://uncodeui.com/c/uilayouts/faq-tabbed-explorer.html): navigation; needs motion - [Feature Bento](https://uncodeui.com/c/uilayouts/feature-bento.html): cards; needs motion - [Feature Flow](https://uncodeui.com/c/uilayouts/feature-flow.html): layout; needs motion - [Feature Hero](https://uncodeui.com/c/uilayouts/feature-hero.html): layout; needs motion - [Feature Highlights](https://uncodeui.com/c/uilayouts/feature-highlights.html): text; needs motion - [Feature Nature](https://uncodeui.com/c/uilayouts/feature-nature.html): layout; needs motion - [Feature Platform](https://uncodeui.com/c/uilayouts/feature-platform.html): forms; needs motion - [Feature Service](https://uncodeui.com/c/uilayouts/feature-service.html): layout; needs motion - [Feature Velocity](https://uncodeui.com/c/uilayouts/feature-velocity.html): layout; needs motion - [File Upload](https://uncodeui.com/c/uilayouts/file-upload.html): forms; needs react-dropzone, sonner, lucide-react - [File Upload Default](https://uncodeui.com/c/uilayouts/file-upload-default.html): forms; needs lucide-react - [Fixedbg Imagemasking](https://uncodeui.com/c/uilayouts/fixedbg-imagemasking.html): media; needs motion - [Flipcountdown](https://uncodeui.com/c/uilayouts/flipcountdown.html): other; needs no extra packages - [Footer Bento](https://uncodeui.com/c/uilayouts/footer-bento.html): cards; needs motion - [Footer Bold](https://uncodeui.com/c/uilayouts/footer-bold.html): layout; needs motion - [Footer Detailed](https://uncodeui.com/c/uilayouts/footer-detailed.html): layout; needs motion - [Footer Hero](https://uncodeui.com/c/uilayouts/footer-hero.html): layout; needs motion - [Footer Minimal](https://uncodeui.com/c/uilayouts/footer-minimal.html): layout; needs motion - [Footer Privilege](https://uncodeui.com/c/uilayouts/footer-privilege.html): layout; needs motion - [Footer Simple](https://uncodeui.com/c/uilayouts/footer-simple.html): layout; needs motion - [Framer Autoplay Carousel](https://uncodeui.com/c/uilayouts/framer-autoplay-carousel.html): media; needs motion - [Framer Carousel1](https://uncodeui.com/c/uilayouts/framer-carousel1.html): media; needs no extra packages - [Framer Drag Sliding Carousel](https://uncodeui.com/c/uilayouts/framer-drag-sliding-carousel.html): media; needs motion - [Framer Draggable Carousel](https://uncodeui.com/c/uilayouts/framer-draggable-carousel.html): media; needs motion - [Framer Moveable Thumbnails](https://uncodeui.com/c/uilayouts/framer-moveable-thumbnails.html): other; needs motion - [Framer Multi Carousel](https://uncodeui.com/c/uilayouts/framer-multi-carousel.html): media; needs motion - [Framer Normal Carousel](https://uncodeui.com/c/uilayouts/framer-normal-carousel.html): media; needs motion - [Framer Thumnbails](https://uncodeui.com/c/uilayouts/framer-thumnbails.html): other; needs motion - [Framerhorizontalscroll](https://uncodeui.com/c/uilayouts/framerhorizontalscroll.html): marquee; needs no extra packages - [Gallery Modal Accordion](https://uncodeui.com/c/uilayouts/gallery-modal-accordion.html): overlays; needs motion, lucide-react - [Gallery Modal Slider](https://uncodeui.com/c/uilayouts/gallery-modal-slider.html): forms; needs motion, lucide-react - [Gallery Modal Unsplash](https://uncodeui.com/c/uilayouts/gallery-modal-unsplash.html): overlays; needs motion, lucide-react - [Gradient Border](https://uncodeui.com/c/uilayouts/gradient-border.html): backgrounds; needs no extra packages - [Grid Layout Accordion](https://uncodeui.com/c/uilayouts/grid-layout-accordion.html): layout; needs no extra packages - [Growth Plans](https://uncodeui.com/c/uilayouts/growth-plans.html): other; needs motion - [Hero AI Ecommerce](https://uncodeui.com/c/uilayouts/hero-ai-ecommerce.html): layout; needs motion - [Hero AI Infrastructure](https://uncodeui.com/c/uilayouts/hero-ai-infrastructure.html): layout; needs motion - [Hero AI Value Proposition](https://uncodeui.com/c/uilayouts/hero-ai-value-proposition.html): layout; needs motion - [Hero Digital Success](https://uncodeui.com/c/uilayouts/hero-digital-success.html): layout; needs motion - [Hero Financial](https://uncodeui.com/c/uilayouts/hero-financial.html): layout; needs motion - [Hero Share App](https://uncodeui.com/c/uilayouts/hero-share-app.html): layout; needs motion - [Hero Social App](https://uncodeui.com/c/uilayouts/hero-social-app.html): layout; needs motion - [Hexagon Videomasking](https://uncodeui.com/c/uilayouts/hexagon-videomasking.html): media; needs motion - [Hexagon2 Videomasking](https://uncodeui.com/c/uilayouts/hexagon2-videomasking.html): media; needs motion - [Horizontal Progressive Carousel](https://uncodeui.com/c/uilayouts/horizontal-progressive-carousel.html): feedback; needs motion - [Horizontal Scroll](https://uncodeui.com/c/uilayouts/horizontal-scroll.html): marquee; needs no extra packages - [Hover Footer](https://uncodeui.com/c/uilayouts/hover-footer.html): overlays; needs motion - [Hovercard1](https://uncodeui.com/c/uilayouts/hovercard1.html): cards; needs motion - [Hovercard2](https://uncodeui.com/c/uilayouts/hovercard2.html): cards; needs motion - [Hovercard3](https://uncodeui.com/c/uilayouts/hovercard3.html): cards; needs motion - [Hovercard4](https://uncodeui.com/c/uilayouts/hovercard4.html): cards; needs motion - [Image Hover Accordion](https://uncodeui.com/c/uilayouts/image-hover-accordion.html): overlays; needs no extra packages - [Image Mousetrail Default](https://uncodeui.com/c/uilayouts/image-mousetrail-default.html): media; needs no extra packages - [Image Mousetrail Disappear](https://uncodeui.com/c/uilayouts/image-mousetrail-disappear.html): media; needs no extra packages - [Image Mousetrail Small](https://uncodeui.com/c/uilayouts/image-mousetrail-small.html): media; needs no extra packages - [Image Mousetrail Without Component](https://uncodeui.com/c/uilayouts/image-mousetrail-without-component.html): media; needs no extra packages - [Image Reveal](https://uncodeui.com/c/uilayouts/image-reveal.html): media; needs no extra packages - [Image Reveal2](https://uncodeui.com/c/uilayouts/image-reveal2.html): media; needs no extra packages - [Image Tab1](https://uncodeui.com/c/uilayouts/image-tab1.html): navigation; needs no extra packages - [Image Tab2](https://uncodeui.com/c/uilayouts/image-tab2.html): navigation; needs no extra packages - [Image Tabs Standalone](https://uncodeui.com/c/uilayouts/img-tabs-standalone.html): navigation; needs no extra packages - [Imagemodals](https://uncodeui.com/c/uilayouts/imagemodals.html): overlays; needs motion, lucide-react - [Imgpreview Dropzone](https://uncodeui.com/c/uilayouts/imgpreview-dropzone.html): other; needs lucide-react - [Impact Experience](https://uncodeui.com/c/uilayouts/impact-experience.html): other; needs motion - [Infintyband](https://uncodeui.com/c/uilayouts/infintyband.html): other; needs no extra packages - [Interactive Globe](https://uncodeui.com/c/uilayouts/globe.html): data; needs cobe - [Left Directional Drawer](https://uncodeui.com/c/uilayouts/left-directional-drawer.html): overlays; needs motion, lucide-react - [Linear Modal](https://uncodeui.com/c/uilayouts/linear-modal.html): overlays; needs motion, lucide-react - [Linear Modal Center Content](https://uncodeui.com/c/uilayouts/linear-modal-center-content.html): overlays; needs motion, lucide-react - [Linear Modal Default](https://uncodeui.com/c/uilayouts/linear-modal-default.html): overlays; needs motion, lucide-react - [Linear Modal Standalone](https://uncodeui.com/c/uilayouts/linear-modal-standalone.html): overlays; needs motion, lucide-react - [Liquid Button](https://uncodeui.com/c/uilayouts/liquid-button.html): buttons; needs motion - [Liquid Glass](https://uncodeui.com/c/uilayouts/liquid-glass.html): other; needs motion - [Liquid Glass Mobile Icons](https://uncodeui.com/c/uilayouts/liquid-glass-mobile-icons.html): other; needs motion - [Liquid Glass Notification](https://uncodeui.com/c/uilayouts/liquid-glass-notification.html): feedback; needs motion - [Liquid Glass Sidebar Menu](https://uncodeui.com/c/uilayouts/liquid-glass-sidebar-menu.html): navigation; needs motion - [Liquid Glass Weather](https://uncodeui.com/c/uilayouts/liquid-glass-weather.html): other; needs motion - [Liquid Gradient](https://uncodeui.com/c/uilayouts/liquid-gradient.html): backgrounds; needs motion - [Liquid Gradient Components](https://uncodeui.com/c/uilayouts/liquid-gradient-components.html): backgrounds; needs motion - [Logos Marquee](https://uncodeui.com/c/uilayouts/logos-marquee.html): marquee; needs no extra packages - [Mac Genie](https://uncodeui.com/c/uilayouts/mac-genie.html): other; needs html-to-image, motion - [Magnified Doc](https://uncodeui.com/c/uilayouts/magnified-doc.html): other; needs motion, @radix-ui/react-tooltip - [Magnified Tab](https://uncodeui.com/c/uilayouts/magnified-tab.html): navigation; needs motion, @radix-ui/react-tooltip - [Marque Testimonial](https://uncodeui.com/c/uilayouts/marque-testimonial.html): layout; needs motion - [Marquee](https://uncodeui.com/c/uilayouts/marquee.html): marquee; needs no extra packages - [Media Modal](https://uncodeui.com/c/uilayouts/media-modal.html): overlays; needs motion, lucide-react - [Media Modal Default](https://uncodeui.com/c/uilayouts/media-modal-default.html): overlays; needs motion, lucide-react - [Mesh Gradient Background3](https://uncodeui.com/c/uilayouts/mesh-gradient-background3.html): backgrounds; needs three, @types/three, @react-three/fiber, @react-three/drei - [Mesh Shadergradient](https://uncodeui.com/c/uilayouts/mesh-shadergradient.html): backgrounds; needs @shadergradient/react - [Messenger Testimonial](https://uncodeui.com/c/uilayouts/messenger-testimonial.html): layout; needs motion - [Motion Drawer](https://uncodeui.com/c/uilayouts/motion-drawer.html): overlays; needs motion, lucide-react - [Motion Drawer Default](https://uncodeui.com/c/uilayouts/motion-drawer-default.html): overlays; needs motion, lucide-react - [Motion Number Input](https://uncodeui.com/c/uilayouts/motion-number-input.html): forms; needs no extra packages - [Motion Number Slider](https://uncodeui.com/c/uilayouts/motion-number-slider.html): forms; needs no extra packages - [Motion Number Upvotes](https://uncodeui.com/c/uilayouts/motion-number-upvotes.html): other; needs no extra packages - [Mousetrail](https://uncodeui.com/c/uilayouts/mousetrail.html): other; needs no extra packages - [Multi Layout Accordion](https://uncodeui.com/c/uilayouts/multi-layout-accordion.html): layout; needs no extra packages - [Multi Selector](https://uncodeui.com/c/uilayouts/multi-selector.html): forms; needs lucide-react - [Multi Selector Default](https://uncodeui.com/c/uilayouts/multi-selector-default.html): forms; needs lucide-react - [Nested Vaul Drawer](https://uncodeui.com/c/uilayouts/nested-vaul-drawer.html): overlays; needs no extra packages - [Noise Effect](https://uncodeui.com/c/uilayouts/noise-effect.html): effects; needs no extra packages - [NormalGrid](https://uncodeui.com/c/uilayouts/normalGrid.html): other; needs motion - [Number Flow Trading](https://uncodeui.com/c/uilayouts/number-flow-trading.html): other; needs no extra packages - [Number Slider](https://uncodeui.com/c/uilayouts/number-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Opacity Swapy](https://uncodeui.com/c/uilayouts/opacity-swapy.html): other; needs swapy - [Pass Strength Dotted Indicator](https://uncodeui.com/c/uilayouts/pass-strength-dotted-indicator.html): other; needs lucide-react - [Pass Strength Hover Indicator](https://uncodeui.com/c/uilayouts/pass-strength-hover-indicator.html): overlays; needs lucide-react - [Pass Strength Inline Indicator](https://uncodeui.com/c/uilayouts/pass-strength-inline-indicator.html): other; needs lucide-react - [Pass Strengthindicator](https://uncodeui.com/c/uilayouts/pass-strengthindicator.html): other; needs lucide-react - [Phone Input](https://uncodeui.com/c/uilayouts/phone-input.html): forms; needs lucide-react, react-phone-number-input, zod - [Phone Input Default](https://uncodeui.com/c/uilayouts/phone-input-default.html): forms; needs lucide-react, react-phone-number-input, zod - [Portfolio Experience](https://uncodeui.com/c/uilayouts/portfolio-experience.html): other; needs motion - [Position Range Slider](https://uncodeui.com/c/uilayouts/position-range-slider.html): forms; needs no extra packages - [Pricing Grow Business](https://uncodeui.com/c/uilayouts/pricing-grow-business.html): layout; needs motion - [Pricing Overview](https://uncodeui.com/c/uilayouts/pricing-overview.html): layout; needs motion - [Product Packs](https://uncodeui.com/c/uilayouts/product-packs.html): other; needs motion - [Productcard1](https://uncodeui.com/c/uilayouts/productcard1.html): cards; needs motion - [Productcard2](https://uncodeui.com/c/uilayouts/productcard2.html): cards; needs motion - [Productcard3](https://uncodeui.com/c/uilayouts/productcard3.html): cards; needs motion - [Productcard4](https://uncodeui.com/c/uilayouts/productcard4.html): cards; needs motion - [Productcard5](https://uncodeui.com/c/uilayouts/productcard5.html): cards; needs motion - [Productcard6](https://uncodeui.com/c/uilayouts/productcard6.html): cards; needs motion - [Progressive Carousel](https://uncodeui.com/c/uilayouts/progressive-carousel.html): feedback; needs motion - [R3f Blob](https://uncodeui.com/c/uilayouts/r3f-blob.html): other; needs three, @types/three, @react-three/fiber, @react-three/drei - [Randomized Text Effect](https://uncodeui.com/c/uilayouts/randomized-text-effect.html): text; needs motion, @motionone/utils - [Randomized Text Unveil](https://uncodeui.com/c/uilayouts/randomized-text-unveil.html): text; needs motion, @motionone/utils - [Raws Color Picker](https://uncodeui.com/c/uilayouts/raws-color-picker.html): other; needs no extra packages - [Register Tab](https://uncodeui.com/c/uilayouts/register-tab.html): navigation; needs motion - [Responsive Header](https://uncodeui.com/c/uilayouts/responsive-header.html): layout; needs motion, lucide-react - [Responsive Header Default](https://uncodeui.com/c/uilayouts/responsive-header-default.html): layout; needs motion - [Responsive Modal](https://uncodeui.com/c/uilayouts/responsive-modal.html): overlays; needs motion, lucide-react - [Responsive Modal Default](https://uncodeui.com/c/uilayouts/responsive-modal-default.html): overlays; needs motion, lucide-react - [Right Motion Drawer](https://uncodeui.com/c/uilayouts/right-motion-drawer.html): overlays; needs motion, lucide-react - [Scale Slider](https://uncodeui.com/c/uilayouts/scale-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Scroll Animation](https://uncodeui.com/c/uilayouts/scroll-animation.html): marquee; needs motion - [Scroll Animation Default](https://uncodeui.com/c/uilayouts/scroll-animation-default.html): marquee; needs motion - [Scroll Animation Repeat](https://uncodeui.com/c/uilayouts/scroll-animation-repeat.html): marquee; needs motion - [Scroll Animation Text](https://uncodeui.com/c/uilayouts/scroll-animation-text.html): text; needs motion - [Scroll Driven Text](https://uncodeui.com/c/uilayouts/scroll-text.html): text; needs motion, @motionone/utils - [Scroll Text Marquee](https://uncodeui.com/c/uilayouts/scroll-text-marquee.html): text; needs motion, @motionone/utils - [Scroll Text Marquee Bidirectional](https://uncodeui.com/c/uilayouts/scroll-text-marquee-bidirectional.html): text; needs motion, @motionone/utils - [Scroll Text Marquee Unidirectional](https://uncodeui.com/c/uilayouts/scroll-text-marquee-unidirectional.html): text; needs motion, @motionone/utils - [Shimmer Loader](https://uncodeui.com/c/uilayouts/shimmer-loader.html): effects; needs no extra packages - [Showhide Pass](https://uncodeui.com/c/uilayouts/showhide-pass.html): other; needs lucide-react - [Single Layout Accordion](https://uncodeui.com/c/uilayouts/single-layout-accordion.html): layout; needs no extra packages - [Slider](https://uncodeui.com/c/uilayouts/slider.html): forms; needs @number-flow/react, @radix-ui/react-slider - [Smooth Scroll](https://uncodeui.com/c/uilayouts/smooth-scroll.html): marquee; needs no extra packages - [Sparkles](https://uncodeui.com/c/uilayouts/sparkles.html): effects; needs no extra packages - [Sparkles Branding](https://uncodeui.com/c/uilayouts/sparkles-branding.html): effects; needs no extra packages - [Sparkles Globe](https://uncodeui.com/c/uilayouts/sparkles-globe.html): effects; needs no extra packages - [Sparkles Section](https://uncodeui.com/c/uilayouts/sparkles-section.html): effects; needs no extra packages - [Sparkles Title](https://uncodeui.com/c/uilayouts/sparkles-title.html): effects; needs no extra packages - [Sparkles Title2](https://uncodeui.com/c/uilayouts/sparkles-title2.html): effects; needs no extra packages - [Sparkles Title3](https://uncodeui.com/c/uilayouts/sparkles-title3.html): effects; needs no extra packages - [Sparkles Title4](https://uncodeui.com/c/uilayouts/sparkles-title4.html): effects; needs no extra packages - [Special Offer](https://uncodeui.com/c/uilayouts/special-offer.html): other; needs no extra packages - [Splashwater Videomasking](https://uncodeui.com/c/uilayouts/splashwater-videomasking.html): media; needs motion - [Spotlight Card Cruip](https://uncodeui.com/c/uilayouts/spotlight-card-cruip.html): backgrounds; needs no extra packages - [Spotlight Card1](https://uncodeui.com/c/uilayouts/spotlight-card1.html): backgrounds; needs no extra packages - [Spotlight Card2](https://uncodeui.com/c/uilayouts/spotlight-card2.html): backgrounds; needs no extra packages - [Spotlight Card3](https://uncodeui.com/c/uilayouts/spotlight-card3.html): backgrounds; needs no extra packages - [Spotlight Card4](https://uncodeui.com/c/uilayouts/spotlight-card4.html): backgrounds; needs no extra packages - [Spotlight Follow](https://uncodeui.com/c/uilayouts/spotlight.html): backgrounds; needs no extra packages - [Spotlight Testimonial](https://uncodeui.com/c/uilayouts/spotlight-testimonial.html): backgrounds; needs motion - [Stack Testimonial](https://uncodeui.com/c/uilayouts/stack-testimonial.html): layout; needs motion - [Stacking Card](https://uncodeui.com/c/uilayouts/stacking-card.html): cards; needs no extra packages - [Startup Plans](https://uncodeui.com/c/uilayouts/startup-plans.html): other; needs motion - [Static Range Slider](https://uncodeui.com/c/uilayouts/static-range-slider.html): forms; needs no extra packages - [Stats Banner](https://uncodeui.com/c/uilayouts/stats-banner.html): data; needs motion - [Stats Bento](https://uncodeui.com/c/uilayouts/stats-bento.html): cards; needs motion - [Stats Bold](https://uncodeui.com/c/uilayouts/stats-bold.html): data; needs motion - [Stats Details](https://uncodeui.com/c/uilayouts/stats-details.html): data; needs motion - [Stats Minimal](https://uncodeui.com/c/uilayouts/stats-minimal.html): data; needs motion - [Stats Section](https://uncodeui.com/c/uilayouts/stats-section.html): data; needs motion - [Sticky Gallery](https://uncodeui.com/c/uilayouts/sticky-gallery.html): media; needs no extra packages - [Sticky Hero Scroll](https://uncodeui.com/c/uilayouts/sticky-hero-scroll.html): marquee; needs no extra packages - [Sticky Hero Section](https://uncodeui.com/c/uilayouts/sticky-hero-section.html): layout; needs no extra packages - [Stripecard](https://uncodeui.com/c/uilayouts/stripecard.html): cards; needs motion - [Stripecard2](https://uncodeui.com/c/uilayouts/stripecard2.html): cards; needs motion - [Subscription Details](https://uncodeui.com/c/uilayouts/subscription-details.html): other; needs motion - [Swapy](https://uncodeui.com/c/uilayouts/swapy.html): other; needs swapy - [Swapy Handle](https://uncodeui.com/c/uilayouts/swapy-handle.html): other; needs swapy - [Swapy Without Components](https://uncodeui.com/c/uilayouts/swapy-without-components.html): other; needs swapy - [Symbolic Clippath](https://uncodeui.com/c/uilayouts/symbolic-clippath.html): other; needs motion - [Tabs](https://uncodeui.com/c/uilayouts/tabs.html): navigation; needs motion - [Tags Input](https://uncodeui.com/c/uilayouts/tags-input.html): forms; needs no extra packages - [Tags Input Components](https://uncodeui.com/c/uilayouts/tags-input-components.html): forms; needs no extra packages - [Tags Input No Edit](https://uncodeui.com/c/uilayouts/tags-input-no-edit.html): forms; needs no extra packages - [Tailwind Image Accordion](https://uncodeui.com/c/uilayouts/tailwind-image-accordion.html): media; needs no extra packages - [Team Classic](https://uncodeui.com/c/uilayouts/team-classic.html): other; needs motion - [Team Clippath](https://uncodeui.com/c/uilayouts/team-clippath.html): other; needs motion - [Team Expert](https://uncodeui.com/c/uilayouts/team-expert.html): other; needs motion - [Team Magic](https://uncodeui.com/c/uilayouts/team-magic.html): other; needs motion - [Team Modern](https://uncodeui.com/c/uilayouts/team-modern.html): other; needs motion - [Team Social](https://uncodeui.com/c/uilayouts/team-social.html): other; needs motion - [Team Synth](https://uncodeui.com/c/uilayouts/team-synth.html): other; needs motion - [Team Troops](https://uncodeui.com/c/uilayouts/team-troops.html): other; needs motion - [Team Vr](https://uncodeui.com/c/uilayouts/team-vr.html): other; needs motion - [Terminal UI](https://uncodeui.com/c/uilayouts/terminal-ui.html): data; needs no extra packages - [Testimonial Basic](https://uncodeui.com/c/uilayouts/testimonial-basic.html): layout; needs motion - [Testimonial Carousel](https://uncodeui.com/c/uilayouts/testimonial-carousel.html): media; needs motion - [Text Scroll Animation](https://uncodeui.com/c/uilayouts/text-scroll-animation.html): text; needs motion, @motionone/utils - [Textoverlay Videomasking](https://uncodeui.com/c/uilayouts/textoverlay-videomasking.html): text; needs motion - [Thumbnail Slider](https://uncodeui.com/c/uilayouts/thumbnail-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Time Picker](https://uncodeui.com/c/uilayouts/time-picker.html): other; needs chrono-node@latest, react-day-picker@^8.9.1 - [Timeline Animation](https://uncodeui.com/c/uilayouts/timeline-animation.html): data; needs motion - [Timeline Animation Default](https://uncodeui.com/c/uilayouts/timeline-animation-default.html): data; needs motion - [Tools Tab](https://uncodeui.com/c/uilayouts/tools-tab.html): navigation; needs no extra packages - [Top Directional Drawer](https://uncodeui.com/c/uilayouts/top-directional-drawer.html): overlays; needs motion, lucide-react - [Tree Code Viewer](https://uncodeui.com/c/uilayouts/tree-code-viewer.html): data; needs shiki - [Type Writter](https://uncodeui.com/c/uilayouts/type-writter.html): other; needs no extra packages - [Unsplash Grid](https://uncodeui.com/c/uilayouts/unsplash-grid.html): other; needs no extra packages - [Vertical Progressive Carousel](https://uncodeui.com/c/uilayouts/vertical-progressive-carousel.html): feedback; needs motion - [Vertical Slider](https://uncodeui.com/c/uilayouts/vertical-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Vertical Thumbnail Autostart Slider](https://uncodeui.com/c/uilayouts/vertical-thumbnail-autostart-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Vertical Thumbnail Slider](https://uncodeui.com/c/uilayouts/vertical-thumbnail-slider.html): forms; needs embla-carousel, lucide-react, embla-carousel-class-names, embla-carousel-react, embla-carousel-autoplay, motion - [Verticle Marquee](https://uncodeui.com/c/uilayouts/verticle-marquee.html): marquee; needs no extra packages - [Video Blur Vignette](https://uncodeui.com/c/uilayouts/video-blur-vignette.html): effects; needs no extra packages - [Watersplash Clippath](https://uncodeui.com/c/uilayouts/watersplash-clippath.html): other; needs motion - [Watersplash Imagemasking](https://uncodeui.com/c/uilayouts/watersplash-imagemasking.html): media; needs motion - [Work Experience](https://uncodeui.com/c/uilayouts/work-experience.html): other; needs motion