Run any Skill in Manus with one click

react-bits

Stars24

Forks8

UpdatedApril 1, 2026 at 10:58

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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

neuron-one

neuron-one/GODMODE

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

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.

More from this repository

same repository

ml-training

neuron-one/GODMODE

Machine learning model training with HuggingFace. Fine-tuning LLMs, dataset creation, GPU selection, training monitoring. Use for training custom models. Don't use for using pre-trained models via API.

2026-04-0124

cost-estimate

neuron-one/GODMODE

Estimates project cost at market rates. Scans codebase, counts APIs, integrations, and complexity. Shows what the project would cost without AI. Use for pitches and ROI demonstrations.

2026-04-0124

marketing

neuron-one/GODMODE

Marketing and conversion optimization. Landing page CRO, copywriting, positioning, GTM strategy, A/B testing. Don't use for product development or technical decisions.

2026-04-0124

product

neuron-one/GODMODE

Product management frameworks. PRD writing, user stories, OKRs, roadmap, TAM/SAM/SOM analysis, competitive research. Don't use for technical implementation.

2026-04-0124

apify

neuron-one/GODMODE

Scraping specific platforms with ready connectors. Google Maps businesses, Twitter trends, YouTube subtitles, Instagram/TikTok content. Use for platform-specific data collection.

2026-04-0124

data-analysis

neuron-one/GODMODE

Data analysis from external services. Connects to Google Sheets, Notion, HubSpot via Composio. Builds charts, runs queries, generates insights. Don't use for database queries.

2026-04-0124

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.