Vue Bits

Overview

Vue Bits is the official Vue port of React Bits, maintained by David Haz. It is a large collection of animated Vue components covering text animations, animations, interactive components and backgrounds, built to drop into any modern Vue or Nuxt project.

Components have minimal dependencies and are customized through props. The project's registry currently lists 201 components, which can be installed through the shadcn CLI as well as jsrepo, with setup steps on each component's docs page. The library is free to use under an MIT plus Commons Clause license, and the GitHub repository has more than 4,600 stars.

Features

• 201 components: Registry entries span text effects, animated content, interactive UI and backgrounds.
• Text animations: Blur Text, Decrypted Text, Falling Text, Glitch Text, Gradient Text, Circular Text and ASCII Text, among others.
• Backgrounds: Aurora, Beams, Dither, Galaxy, Hyperspeed, Iridescence, Lightning, Liquid Chrome and more.
• Interactive components: Dock, Magic Bento, Masonry, Circular Gallery, Dome Gallery, Card Swap, Gooey Nav and Flowing Menu.
• Cursor effects: Blob Cursor, Ghost Cursor, Glow Cursor, Click Spark and Image Trail.
• Prop-driven customization: Each component exposes props for its animation and styling options.
• CLI installs: Components install via the shadcn registry or jsrepo.

Tech stack

• Vue 3, Nuxt compatible
• shadcn-vue registry, jsrepo

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @vue-bits/component-name