istmX / SOURCE LIBRARY
Components
ISTMX is Aryan's source-first React component collection. Bring small interface pieces into your project, edit the code, and make them your own.
Add a component to your project
Choose a package managerPackage manager
$ npx @istmx/ui add buttonCopies the install command for your selected package manager.
Browse
All components
01ControlsButtonAn animated action button with solid save, share, and delete colors, optional icons, and success feedback.Explore 02TextAnimated TextRotating text with composable blur, fade, shimmer, slide, and character-wave effects, plus adjustable scale.Explore 03Text / ScrollText RevealReveal text line by line with blur, opacity, and a character wave. Scroll through the pinned preview to control its progress.Explore 04AIStreaming TextA generating-text effect where characters settle in one by one with a soft blur, fade, or wave and a blinking caret while the response is still being written.Explore 05MediaImage AccordionA selectable image stack that animates the chosen image into a preview canvas while keeping the full collection in rotation.Explore 06MediaInfinite Image CanvasAn endless, pannable image grid with spring-smooth movement, animated tiles, and pastel image labels.Explore 07MediaImage TrailA pointer-driven trail of floating image cards, staggered and faded with Motion.Explore 08NavigationDock NavigationA magnifying icon dock with an elastic upward lift, moving labels, and a configurable radial highlight.Explore 09NavigationMobile Menu DockA compact mobile navigation dock with live component search, a filtered section menu, and a small credit to its design inspiration.Explore 10Scroll / ImageScroll Story CardsA scroll-scrubbed image story where cards travel along a shallow arc and continuously shape the scene around the centered frame.Explore 11InteractivePixel CatA tiny, source-first pixel-art cat companion that wanders within its parent by default, with configurable coat patterns, poses, cursor curiosity, and petting reactions.Explore 12LayoutBento GridA flexible, open-source 2-1-2 bento grid with concentric double borders, 315° repeating gradient texture, customizable media slots, and Next.js link navigation.Explore 13Hero & PresentationScroll Parallax HeroA scroll-driven perspective reveal hero where a centered heading gives way to decoupled multi-layer parallax cards, expanding to a full-bleed cinematic image and narrative feature cards.Explore 14Scroll / CanvasScroll Canvas CardsA pinned scroll component with continuous canvas image crossfading, a compact centered card, and animated narrative text panels powered by GSAP and Motion.Explore