Back
Join now
About

Popular Tags

  • react
  • typescript
  • ui-components
  • shadcn-ui
  • tailwind
  • react-components
  • open-source
  • llm
  • ui-design
  • open-source-coding-agent

Top Sources

  • github.com
  • clerk.com
  • 1771technologies.com
  • 21st.dev
  • abui.io
  • activepieces.com
  • ai-sdk.dev
  • alchemy.run
  • altsendme.com
  • amd-gaia.ai

Browse by Type

  • Tools
  • Code
bookmrks.io - Discovery, refined.
Website favicongithub.com
Website preview

Customizable Animated React Components Library

React Bits offers a library of customizable animated components for React, enhancing web development efficiency.

prism
Tech Stack
Lucide IconsReact IconsGitHubChakra UITensorFlowReactReact RouterTailwind CSSESLintPrettierTypeScriptVitenpmNode.jsJavaScriptCSSJSX
Summary

React Bits is an open source collection of animated, interactive, and fully customizable React components designed for building memorable websites. This library offers over 110 free animations for text, backgrounds, and UI elements, allowing developers to create stunning interfaces quickly.

Key features include:

  • 110+ components - includes text animations, UI elements, and backgrounds, with new additions weekly.
  • Minimal dependencies - lightweight and tree-shakeable for optimal performance.
  • Fully customizable - allows users to tweak components via props or edit the source directly.
  • Multiple variants - offers 4 variants per component: JS-CSS, JS-TW, TS-CSS, TS-TW.
  • Copy-paste ready - compatible with any modern React project.

Additionally, React Bits provides creative tools such as Background Studio for animated backgrounds, Shape Magic for creating inner rounded corners, and Texture Lab for applying effects to images and videos. Installation is straightforward, supporting shadcn and jsrepo for quick CLI installs.

Comments
No comments yet. Sign in to add the first comment!
Tags
  • 3d
    1
  • animations
    1
  • component-library
    1
  • components
    1
  • components-library
    1
  • components-react
    1
  • css-animations
    1
  • framer-motion
    1
  • javascript
    1
  • react
    1
  • react-components
    1
  • reactjs
    1
  • tailwind
    1
  • tailwindcss
    1
  • typescript
    1
  • ui-components
    1
  • ui-library
    1
  • web
    1