← ClaudeAtlas

react-bitslisted

Source pre-built, animated, customizable React components from React Bits (reactbits.dev — 130+ animated text, backgrounds, UI components & creative tools) instead of authoring motion-heavy UI from scratch. Auto-invoke alongside design-taste and ui-ux-pro-max whenever a UI task in a React/Next.js project calls for animated text, animated backgrounds, scroll/hover/cursor effects, or a polished interactive component (carousel, dock, bento, nav, gallery, card). Skip for non-React stacks or when the design system already supplies the component.
iamnolanhu/claude-dotfiles · ★ 1 · Web & Frontend · score 62
Install: claude install-skill iamnolanhu/claude-dotfiles
# React Bits A library-sourcing skill: when a React UI task wants motion or an interactive flourish, **check React Bits before hand-rolling it**. 130+ free, animated, fully customizable components you copy in (via CLI or paste) and tune via props or by editing the source. - **Site / docs:** [reactbits.dev](https://reactbits.dev) · install guide: [reactbits.dev/get-started/installation](https://reactbits.dev/get-started/installation) · tools: [reactbits.dev/tools](https://reactbits.dev/tools) - **Repo:** [github.com/DavidHDev/react-bits](https://github.com/DavidHDev/react-bits) (David Haz, ~42k★) - **License:** MIT **+ Commons Clause** — free to use the components in your own sites/apps (commercial included). You may NOT resell or host React Bits _itself_ as a competing product. Fine for every client/app build; don't repackage the library. ## When to invoke Auto-trigger (compose with `design-taste` + `ui-ux-pro-max`) when a **React or Next.js** task involves: - **Animated text** — hero headlines, reveals, decrypt/scramble/glitch/shiny/gradient text, typewriter, count-up, scroll-driven text - **Animated backgrounds** — aurora, particles, beams, waves, grids, shaders, plasma, galaxy, noise - **Cursor / pointer effects** — splash, trail, magnet, crosshair, spotlight - **Scroll & hover effects** — scroll reveal/float/velocity/stack, tilt, glare, border glow - **Interactive components** — carousel, dock, bento, card nav, galleries, menus, steppers, counters - Any "make this he