收录超 200 款高品质 React 动效组件库:涵盖文字特效、互动背景与微交互,支持 JS/TS 及 Tailwind 双模式。
SponsorsIndexFavoritesApp UITemplates1 FreeSkills1 FreeTech TextText LoopMasked HeadingParticle TextSplit Flap TextWarp TextStroke TextDepth TextFold TextEcho TextSplit TextBlur TextCircular TextText TypeShuffleShiny TextText PressureCurved LoopFuzzy TextGradient TextFalling TextText CursorDecrypted TextTrue FocusScroll FloatScroll RevealASCII TextScrambled TextRotating TextGlitch TextScroll VelocityVariable ProximityCount UpElectric LogoDither VeilGlow CursorScroll ExpandRipple DistortionElastic MeshSwarm CursorHalftone RevealPixel SwapCursor GridAnimated ContentFade ContentElectric BorderOrbit ImagesPixel TransitionGlare HoverAntigravityLogo LoopTarget CursorMagic RingsLaser FlowMagnet LinesGhost CursorGradual BlurClick SparkMagnetStrandsSticker PeelPixel TrailCubesMetallic PaintNoiseShape BlurCrosshairImage TrailRibbonsSplash CursorMeta BallsBlob CursorStar BorderCircular CarouselFlex CarouselInfinite SpiralDepth CarouselMorph SliderDrift WallAccordion GallerySpecular ButtonOption WheelCurved InputLine SidebarAnimated ListScroll StackBubble MenuMagic BentoCircular GalleryReflective CardCard NavStackFluid GlassPill NavTilted CardMasonryGlass SurfaceDome GalleryChroma GridFolderStaggered MenuModel ViewerLanyardProfile CardDockGooey NavPixel CardCarouselSpotlight CardBorder GlowFlying PostersCard SwapGlass IconsDecay CardFlowing MenuElastic SliderCounterInfinite MenuStepperBounce CardsShredderPaper CrumpleTear TicketFlip CardBranched MenuFolder FloatRefine FrameThought LineVoice PillSlosh GaugePrompt BarSwipe ToastSling ButtonBell ToggleCall ChipStatus MarkGlide SelectSwipe RowJelly RadioComet DialWake SliderCode SlotsDodge FieldLattice LoaderScrub FieldFuse ButtonWarm TooltipSlide CommitRubber SegmentPulse HeartSpring CheckPeek RatingHold ButtonSquish SwitchMicro SlatsShape WavesAero ShardsGhost FibersCRT WarpMolten MetalGradient WavesWeb ThreadsTopographyLight TunnelSliced WavesAcid SquaresScannerFerrofluidLightfallLiquid EtherPrismDark VeilLight PillarSilkFloating LinesSide RaysLight RaysPixel BlastColor BendsEvil EyeLine WavesRadarSoft AuroraAuroraPlasmaPlasma WaveParticlesGradient BlindsGrainientGrid ScanBeamsPixel SnowLightningPrismatic BurstGalaxyDitherFaulty TerminalRipple GridDot FieldDot GridThreadsHyperspeedIridescenceWavesGrid DistortionBallpitOrbLetter GlitchGrid MotionShape GridLiquid ChromeBalatroShadcncraft.comShadcnuikit.comShadcnstudio.comBecome a sponsorReact Bits ProExplore more componentsBuild the whole product with one library.Aurora BackgroundBalatro ShaderBallpit PhysicsAntigravity ParticleBeams Background
React Bits 是一套以高水准视觉与动效为核心的大型开源 React 组件库,专为追求鲜明交互张力的前端开发者打造。全库收录超 200 个即拷即用模块,涵盖表现力极强的文字动效(ASCII 文本、模糊显隐、解密字符乱码)、丰富且高性能的 Canvas 互动背景(Aurora 极光、Balatro 纸牌、重力球池、发光光束)以及细腻的微交互控件。每个组件均提供 JS/TS 与纯 CSS/Tailwind 四种组合形态,轻量解耦,零冗余依赖。