Animated componentsvuepro available
@vue-bits
Animated components · data updated 2026-10-27
An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.
animationbackgroundsbuttonscardsdashboardformsglassmorphismiconsloadersmedianavigationpro-availableretro
Install
npx shadcn@latest add https://vue-bits.dev/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (201)
AccordionGalleryAcidSquaresAeroShardsAnimatedContentAnimatedListAntigravityASCIITextAuroraBalatroBallpitBeamsBellToggleBlobCursorBlurTextBorderGlowBounceCardsBranchedMenuBubbleMenuCallChipCardNavCardSwapCarouselChromaGridCircularGalleryCircularTextClickSparkCodeSlotsColorBendsCometDialCounterCountUpCrosshairCRTWarpCubesCursorGridCurvedInputCurvedLoopDarkVeilDecayCardDecryptedTextDepthCarouselDepthTextDitherDitherVeilDockDodgeFieldDomeGalleryDotFieldDotGridDriftWallEchoTextElasticMeshElasticSliderElectricBorderElectricLogoEvilEyeFadeContentFallingTextFaultyTerminalFerrofluid
Components: AccordionGallery, AcidSquares, AeroShards, AnimatedContent, AnimatedList, Antigravity, ASCIIText, Aurora, Balatro, Ballpit, Beams, BellToggle, BlobCursor, BlurText, BorderGlow, BounceCards, BranchedMenu, BubbleMenu, CallChip, CardNav, CardSwap, Carousel, ChromaGrid, CircularGallery, CircularText, ClickSpark, CodeSlots, ColorBends, CometDial, Counter, CountUp, Crosshair, CRTWarp, Cubes, CursorGrid, CurvedInput, CurvedLoop, DarkVeil, DecayCard, DecryptedText, DepthCarousel, DepthText, Dither, DitherVeil, Dock, DodgeField, DomeGallery, DotField, DotGrid, DriftWall, EchoText, ElasticMesh, ElasticSlider, ElectricBorder, ElectricLogo, EvilEye, FadeContent, FallingText, FaultyTerminal, Ferrofluid, FlexCarousel, FlipCard, FloatingLines, FlowingMenu, FlyingPosters, Folder, FolderFloat, FoldText, FuseButton, FuzzyText, Galaxy, GhostCursor, GhostFibers, GlareHover, GlassIcons, GlassSurface, GlideSelect, GlitchText, GlowCursor, GooeyNav, GradientBlinds, GradientText, GradientWaves, GradualBlur, Grainient, GridDistortion, GridMotion, GridScan, HalftoneReveal, HoldButton, Hyperspeed, ImageTrail, InfiniteMenu, InfiniteSpiral, Iridescence, JellyRadio, LaserFlow, LatticeLoader, LetterGlitch, Lightfall, Lightning, LightPillar, LightRays, LightTunnel, LineSidebar, LineWaves, LiquidChrome, LiquidEther, LogoLoop, MagicBento, MagicRings, Magnet, MagnetLines, MaskedHeading, Masonry, MetaBalls, MetallicPaint, MicroSlats, ModelViewer, MoltenMetal, MorphSlider, Noise, OptionWheel, Orb, OrbitImages, PaperCrumple, Particles, ParticleText, PeekRating, PillNav, PixelBlast, PixelCard, PixelSwap, PixelTrail, PixelTransition, Plasma, PlasmaWave, Prism, PrismaticBurst, ProfileCard, PromptBar, PulseHeart, Radar, RefineFrame, ReflectiveCard, Ribbons, RippleDistortion, RippleGrid, RotatingText, RubberSegment, Scanner, ScrambleText, ScrollExpand, ScrollFloat, ScrollReveal, ScrollStack, ScrollVelocity, ScrubField, ShapeBlur, ShapeGrid, ShapeWaves, ShinyText, Shredder, Shuffle, SideRays, SlideCommit, SlingButton, SloshGauge, SpecularButton, SplashCursor, SplitFlapText, SplitText, SpotlightCard, SpringCheck, SquishSwitch, Stack, StaggeredMenu, StarBorder, StatusMark, Stepper, StickerPeel, Strands, StrokeText, SwarmCursor, SwipeRow, SwipeToast, TargetCursor, TearTicket, TechText, TextCursor, TextLoop, TextPressure, TextType, ThoughtLine, TiltedCard, Topography, TrueFocus, VariableProximity, VoicePill, WarpText, WebThreadsPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@vue-bits · AccordionGallery
npx shadcn@latest add https://vue-bits.dev/r/AccordionGallery.jsonView source