Meta tags:
description=Free, open-source animated components for React and Next.js, built with Motion and Tailwind CSS. Copy the source or install with the shadcn CLI.;
author=Saurabh;
keywords=React motion components,best motion components,free motion components,open source motion components,open source React components,free React components,Tailwind CSS components,Next.js components,shadcn registry,shadcn-compatible components,framer motion components,best framer motion components,framer motion templates,framer motion components and templates,animated UI components,component library,copy paste components,free,open source;

Headings (most frequently used words):

animated, by, built, motion, your, chart, card, action, swap, tabs, expandable, animation, beui, componentsfor, react, and, next, js, sponsored, on, framer, distributed, via, shadcn, recently, launched, primitives, loved, builders, choose, starting, point, few, things, to, know, need, components, for, product, candlestick, donut, chip, search, color, picker, button, morphing, modal, toast, stack, dock, dynamic, island, command, palette, bar, tilt, bottom, sheet, switch, tooltip, text, number, bouncy, accordion, range, slider, theme, toggle, drawer, multi, chain, otp, input, swipeable, list, bloom, menu, pro,

Text of the page (most frequently used words):
and (58), the (47), saurra3h (40), with (32), #components (26), for (18), animated (17), beui (15), motion (14), that (13), this (12), pro (11), library (10), theme (10), component (10), your (9), work (9), you (9), shadcn (8), love (8), react (7), use (7), source (7), animations (7), button (7), spring (7), all (6), chart (6), bar (6), blocks (6), built (6), free (6), open (6), right (6), just (6), vercel (6), rauchg (6), cool (6), great (6), morphs (6), view (5), copy (5), lifetime (5), are (5), focus (5), content (5), browse (4), list (4), chain (4), swap (4), card (4), picker (4), next (4), full (4), can (4), bun (4), keep (4), really (4), now (4), motiondotdev (4), long (4), animation (4), looks (4), super (4), clean (4), see (4), been (4), out (4), amazing (4), using (4), time (4), paper (4), style (4), action (4), panel (4), blur (4), primitives (4), pill (4), also (3), agents (3), charts (3), input (3), message (3), project (3), saurabh (3), paste (3), registry (3), need (3), product (3), public (3), premium (3), templates (3), illustrations (3), tailwind (3), css (3), add (3), page (3), its (3), command (3), such (3), npm (3), pnpm (3), yarn (3), from (3), tab (3), commercial (3), license (3), projects (3), one (3), more (3), loved (3), mobile (3), app (3), through (3), check (3), like (3), into (3), reveal (3), slot (3), views (3), toggle (3), thumb (3), keyboard (3), layout (3), icon (3), text (3), composable (3), hover (3), aware (3), active (3), tabs (3), actions (3), search (3), tracwell (2), playground (2), status (2), volume (2), donut (2), candlestick (2), code (2), multi (2), folder (2), stack (2), range (2), alert (2), email (2), via (2), book (2), call (2), line (2), separate (2), collection (2), includes (2), yes (2), change (2), own (2), tokens (2), start (2), shared (2), bunx (2), install (2), mit (2), licensed (2), including (2), explore (2), personal (2), 300 (2), build (2), get (2), sweet (2), udochiki (2), miracle (2), chiki (2), gorgeous (2), attaboiaj (2), alibey_10 (2), nice (2), corentinclichy (2), corentin (2), glitch (2), template (2), applying (2), site (2), alvbckr (2), alvin (2), spent (2), way (2), too (2), clicking (2), nickventuri (2), nick (2), venturi (2), pretty (2), itzadetunji1 (2), adetunji (2), software (2), engineer (2), web (2), dwhitedesign (2), daniel (2), white (2), thrishank007 (2), thrishank (2), adding (2), ndle (2), abhishk_084 (2), abhishek (2), looking (2), awe (2), man (2), incredible (2), jacksportfolio (2), jack (2), dude (2), these (2), myles_franklin (2), myles (2), franklin (2), gonna (2), tylerbryy (2), tyler (2), gibbs (2), appreciate (2), doing (2), ensaktas (2), enes (2), aktaş (2), glad (2), constantly (2), evolving (2), easemizeui (2), hossain (2), jahed (2), damn (2), explored (2), asap (2), amans_twt (2), amanjot (2), singh (2), any (2), metric (2), exactly (2), why (2), building (2), nodeops (2), stephenhaney (2), stephen (2), haney (2), throughout (2), lot (2), have (2), smooth (2), thoughtfully (2), designed (2), interactions (2), erictsdotcom (2), ericts (2), indeed (2), favorite (2), thanks (2), releasing (2), bro (2), treshnanda (2), nanda (2), huge (2), fan (2), adii_kris (2), adithya (2), krishna (2), izayl_ (2), izayl (2), crazy (2), sick (2), ser (2), iampatelajeet (2), ajeet (2), patel (2), menu (2), center (2), direction (2), rows (2), swipe (2), left (2), gliding (2), cross (2), morphing (2), side (2), slides (2), slider (2), each (2), drag (2), reduced (2), safe (2), single (2), accordion (2), reveals (2), bouncy (2), number (2), swaps (2), tooltip (2), fade (2), optional (2), cursor (2), press (2), feedback (2), switch (2), bottom (2), sheet (2), glass (2), surface (2), tilt (2), height (2), expandable (2), compact (2), palette (2), filter (2), island (2), between (2), live (2), dock (2), modal (2), color (2), chip (2), readout (2), system (2), dark (2), light (2), markd, pulse, llms, txt, sponsor, patterns, theming, coding, github, links, funnel, composition, profile, treemap, block, todo, prompt, scroller, bubble, voice, orb, availability, scheduler, fixtures, notification, infinite, masonry, date, image, viewer, sortable, arc, aspect, ratio, collapsible, twitter, created, custom, frontend, systems, spec, drop, whichever, easier, works, independently, plan, lives, styles, behavior, directly, match, design, individual, may, additional, dependencies, listed, their, pages, setup, guide, what, does, cli, manual, how, modification, copyright, notice, copies, substantial, portions, has, paid, read, few, things, know, faq, future, updates, unlimited, client, private, downloadable, agent, skill, mcp, access, installs, landing, faster, complete, further, interfaces, customize, codebase, essentials, choose, starting, point, builders, testimonials, blooms, iris, grid, revealing, every, radially, staggered, items, bloom, contextual, buttons, swipeable, ring, digits, roll, per, error, shake, success, draw, otp, widget, token, selectors, flip, quote, backdrop, body, scroll, lock, esc, close, drawer, repaints, whole, transition, api, rectangle, circle, clip, path, slats, across, screen, shutter, tick, dots, vertical, bounces, lands, step, weighted, count, values, rolling, tickers, fixed, digit, chromatic, sweeps, shimmer, loading, states, letter, cascade, character, scrambles, tap, subtle, scale, collision, alignment, arrow, pointer, corridor, onto, hoverable, label, only, tracking, driven, vaul, inspired, draggable, snap, points, inertia, perspective, tracked, glare, where, expands, labelled, above, expand, labeled, controls, fuzzy, row, ios, activity, shell, resize, crossfades, dynamic, segment, underline, layoutid, indicator, macos, grouped, cta, swapping, icons, stacked, toasts, dismissal, toast, family, navigate, inner, pressed, plus, statefulbutton, magneticbutton, metallicbutton, variants, whose, trigger, saturation, brightness, area, loupe, lifts, off, while, hue, opacity, sliders, hex, rgb, hsl, fields, eye, dropper, presets, control, controlled, uncontrolled, value, header, title, description, footer, parts, outlined, muted, surfaces, standard, spacing, opt, selectable, state, composes, checkbox, radio, docked, springs, wider, unfolds, recent, searches, edge, terms, become, removable, chips, grows, them, suggestions, type, rounded, share, segments, linked, legend, ohlc, candles, last, price, crosshair, recently, launched, new, framer, distributed, sponsored, fully, customizable, 143, sponsors,

Text of the page (random words):
animated components for react and next js beui beui components blocks agents charts playground sponsors search k light theme light theme dark theme dark theme system theme system theme get pro 143 components tailwind 4 react 19 animated components for react and next js copy paste react components built with motion and tailwind css free open source and fully customizable browse components explore pro sponsored by tracwell built on framer motion distributed via shadcn bun bun npm npm pnpm pnpm yarn yarn bunx bun shadcn add beui a l e r t alert a l e r t new recently launched candlestick chart live ohlc candles with volume a last price line and a crosshair readout donut chart rounded share segments with a linked center readout and legend chip search docked search bar that springs wider on focus and unfolds a recent searches panel out of its own edge terms become removable chips the bar grows with them and suggestions filter as you type card composable card with header title description action content and footer parts outlined or muted surfaces standard or compact spacing and an opt in selectable state with press feedback that composes with checkbox radio and button color picker composable color picker whose trigger chip morphs into the saturation and brightness area a loupe lifts off each thumb while you drag includes hue and opacity sliders hex rgb and hsl fields an eye dropper presets full keyboard control and a controlled or uncontrolled value components motion primitives browse animated react components button spring pressed button plus statefulbutton magneticbutton and metallicbutton variants morphing modal family app style modal a single panel that morphs its height as you navigate between inner views with blur cross fade on content animated toast stack stacked toasts with status morphs swipe dismissal actions and layout aware motion action swap cta button and slot primitives for swapping text and icons with blur motion dock macos style dock with grouped actions and a gliding active pill tabs pill segment or underline tabs with a spring layoutid indicator dynamic island ios style island pill that morphs between live activity views with bouncy shell resize and blur crossfades command palette k palette with fuzzy filter spring animated active row and glass surface expandable action bar compact icon actions that expand into labeled controls on hover or focus with shared layout motion expandable tabs icon tab bar where the active tab expands to a labelled pill with a panel above that morphs height and slides content direction aware on switch tilt card 3d perspective tilt on hover with cursor tracked glare bottom sheet vaul inspired draggable bottom sheet with snap points inertia and glass surface switch toggle with a spring driven thumb and press feedback tooltip composable hover focus and tap tooltip with a subtle scale and fade collision aware side and alignment an optional arrow a pointer corridor onto hoverable content one label at a time keyboard only focus reveal and optional cursor tracking text animation animated text primitives for spring reveals chromatic sweeps shimmer loading states letter cascade swaps and character scrambles number animation animated number primitives for count up values rolling tickers and fixed slot digit swaps bouncy accordion single open accordion with weighted spring layout icon rows and reduced motion safe content reveals range slider slider with tick dots and a vertical bar thumb that bounces as it lands on each step drag or keyboard reduced motion safe theme toggle theme toggle button that repaints the whole page through the view transition api a rectangle or circle clip path reveal or slats that open across the screen like a shutter drawer side panel that slides in from the left or right with a spring backdrop blur body scroll lock and esc to close multi chain swap cross chain swap widget with chain token selectors morphing views animated flip and quote otp input one time code input with a gliding focus ring digits that roll in per slot error shake and a success check draw swipeable list mobile style list rows that swipe left or right to reveal contextual action buttons bloom menu a button that morphs open into a menu and blooms iris out from the center the grid revealing in every direction with radially staggered items testimonials loved by builders ajeet patel iampatelajeet saurra3h crazy sick ser izayl izayl_ saurra3h love the motion adithya krishna adii_kris saurra3h huge fan of this library nanda treshnanda indeed my favorite component library right now thanks for releasing such an amazing component library bro ericts erictsdotcom really like the animations throughout saurra3h s ui components a lot of the components have smooth thoughtfully designed interactions stephen haney stephenhaney saurra3h paper super cool saurabh nodeops saurra3h this any metric this is exactly why i keep building beui amanjot singh amans_twt saurra3h paper damn just explored the components i m using it asap hossain jahed easemizeui saurra3h your component library is amazing been using it for a long time glad to see it constantly evolving enes aktaş ensaktas saurra3h motiondotdev i appreciate the work you re doing at beui it s great tyler gibbs tylerbryy saurra3h just check it out looks clean gonna use it ajeet patel iampatelajeet saurra3h crazy sick ser izayl izayl_ saurra3h love the motion adithya krishna adii_kris saurra3h huge fan of this library nanda treshnanda indeed my favorite component library right now thanks for releasing such an amazing component library bro ericts erictsdotcom really like the animations throughout saurra3h s ui components a lot of the components have smooth thoughtfully designed interactions stephen haney stephenhaney saurra3h paper super cool saurabh nodeops saurra3h this any metric this is exactly why i keep building beui amanjot singh amans_twt saurra3h paper damn just explored the components i m using it asap hossain jahed easemizeui saurra3h your component library is amazing been using it for a long time glad to see it constantly evolving enes aktaş ensaktas saurra3h motiondotdev i appreciate the work you re doing at beui it s great tyler gibbs tylerbryy saurra3h just check it out looks clean gonna use it myles franklin myles_franklin saurra3h vercel rauchg my dude these are great jack jacksportfolio saurra3h i ve been looking through it in awe man it s incredible abhishek abhishk_084 saurra3h adding this to ndle app great work thrishank thrishank007 saurra3h vercel rauchg the animations are so cool love to see more daniel white dwhitedesign saurra3h shadcn love the component looks super clean adetunji software engineer web mobile itzadetunji1 saurra3h vercel rauchg pretty cool work i love the animations nick venturi nickventuri saurra3h motiondotdev spent way too long clicking this just for the animation alvin alvbckr saurra3h loved the glitch template applying to my site right now corentin corentinclichy alibey_10 saurra3h really nice work aj attaboiaj saurra3h this is gorgeous miracle chiki udochiki sweet myles franklin myles_franklin saurra3h vercel rauchg my dude these are great jack jacksportfolio saurra3h i ve been looking through it in awe man it s incredible abhishek abhishk_084 saurra3h adding this to ndle app great work thrishank thrishank007 saurra3h vercel rauchg the animations are so cool love to see more daniel white dwhitedesign saurra3h shadcn love the component looks super clean adetunji software engineer web mobile itzadetunji1 saurra3h vercel rauchg pretty cool work i love the animations nick venturi nickventuri saurra3h motiondotdev spent way too long clicking this just for the animation alvin alvbckr saurra3h loved the glitch template applying to my site right now corentin corentinclichy alibey_10 saurra3h really nice work aj attaboiaj saurra3h this is gorgeous miracle chiki udochiki sweet free and pro choose your starting point beui free open source build with the essentials animated components you can install customize and keep in your codebase components blocks charts and ai interfaces public shadcn registry and copy paste source mit licensed for personal and commercial projects browse free components beui pro go further with pro start with more built for you 300 premium blocks to build your next product faster get the complete collection with lifetime including full templates and animated illustrations 300 premium blocks and animated components full landing page templates lifetime animated illustrations lifetime agent skill mcp access and one command installs private registry and downloadable source unlimited personal and client projects all future updates lifetime explore pro faq a few things to know is beui free for commercial projects yes the public beui library is mit licensed including commercial use and modification keep the copyright and license notice in copies or substantial portions of the source read the license beui pro has a separate paid license how do i install a component open a component page and copy its shadcn cli command such as bunx bun shadcn add beui button you can also use npm pnpm or yarn or copy the source from the manual tab what does my project need the components are built for react 19 tailwind css 4 and motion individual components may use additional dependencies listed on their pages start with the theme setup guide to add the shared css tokens can i change the design and animations yes the source lives in your project you can change the styles motion and behavior directly and use your own theme tokens to match your product do i need pro to use the free components no the public library works independently of pro pro is a separate collection of premium components and animated blocks the lifetime plan also includes full templates and animated illustrations work with me need components built for your product custom motion components and frontend systems built to spec book a call or drop a line whichever s easier book a call email me beui animated components for react and next js copy paste via the shadcn registry created by saurabh x twitter email components animated alert animated collapsible aspect ratio arc picker sortable list image viewer date range picker view all 53 blocks infinite masonry notification stack project folder card folder fixtures availability scheduler multi chain swap view all 23 ai agents voice orb message bubble message message scroller prompt input todo list code block view all 18 charts treemap candlestick chart donut chart volume profile status bar composition chart funnel chart view all 13 links browse all playground github for coding agents theming motion patterns sponsor llms txt beui pro also by us tracwell pulse markd