react-bits

该 Skill 介绍 React Bits 的 110+ 个动画文本、背景和 UI 组件，说明通过 npm 安装，并建议在构建 React 界面前优先查找现成动画组件；未包含组件源码或实际编辑工具。

neuron-one

热度 0.00

最近更新 2026-10-19 07:46:53

分类：开发依赖：代码执行应用场景：UI 原型 / 代码生成

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add neuron-one/godmode/react-bits

Metadata

name: react-bits
description: 110+ free animated React components for text, backgrounds, UI. Includes Background Studio, Shape Magic, Texture Lab. Use when building visually engaging interfaces. Don't use for non-React projects.
user-invocable: false
model: sonnet
effort: medium
paths: **/*.tsx,**/*.jsx

React Bits — Animated Components Library

What's Available

110+ customizable animations
Text animations (typewriter, glitch, gradient, wave)
Background effects (particles, aurora, grid, noise)
UI components (animated cards, buttons, modals)
Available in JS/TS with CSS or Tailwind variants

How to Use

npm install react-bits

Tools

Background Studio: design custom backgrounds
Shape Magic: create animated shapes
Texture Lab: generate textures and export code

Reference

Documentation: https://github.com/DavidHDev/react-bits When building UI, check react-bits for existing animated components before creating custom animations.