A high-craft React interaction and motion layer tailored for modern design workflows.
Included Components
122
AIThinking LoaderAI Prompt ComposerStreaming MessageReasoning TraceImage GenerationTool Call CardAgent PlanAI ChatInline DiffApproval CardChat OrbWebGLLogo FlarePrismWind TunnelCloud SeaInkSlipstreamEmbersBeamsASCII WebGLFerrofluidCymaticsCausticsThin FilmTopographyJaliGalaxyEclipseStreaksMagmaMediaLink PreviewDirection-Aware Flip CardHover RevealHero Card StackSwipe Card DeckGitHub ChartAvatar ClusterExpanding CardPhoto LightboxCurved Video PlayerDither RendererPhoto StackWatch FaceDigital Watch FaceApple Music CardAlbum CoverRetro Music PlayerProgressive BlurRadial Pop-outHero Media Scroll-OutScroll Zoom RevealPhoto ShuffleCarouselsMarqueeCover FlowImage Flow CarouselArc MarqueeParallax CarouselImage WheelLogo WallBend CarouselElastic CarouselFocus Scale CarouselControlsSegmented ControlNumber StepperEmail CaptureCard StackDate PickerAnimated SelectCommand PaletteOTP InputDetent DrawerNotchPhysical KnobReaction ArcReceipt PrinterRubber Band SelectMorphing TrayKeyboardInfinity CanvasScratch CardPhysicsRipple GridParticle RevealPendulum WaveRubik's CubeDotted SphereDot MonogramTextSmooth Stagger TextCinematic TextOdometerSplit-Flap BoardLiquid HeadlineSectionsPricing TableMega MenuFAQ SectionIntegration BeamsWorld MapDotted GlobeActivity FeedRadial Hub DiagramScroll StageRadar SweepHover TabsShader IndexSilk CardHeroesLoginsAI Automation PlatformScenic HeroEditorial HeroLanding HeroPortal LoginInteractive Knob & DialCaustics & Thin Film ShadersCommand Palette Overlay
Planes is a premium interaction layer for React featuring 100+ production-grade motion components and landing templates. Crafted by Ashish Gogula, every component ships as clean React, Tailwind CSS v4, and Motion source code distributed seamlessly through the shadcn registry for effortless agent-assisted coding.
