Flute

React is a JavaScript library for building web and native user interfaces. It uses declarative views that update the appropriate components when application data changes, and lets developers compose encapsulated, state-managing components into larger interfaces. React code can use JSX, an HTML-like syntax for defining interface elements, although JSX is optional. The library is designed for gradual adoption, can render on the server with Node, and supports mobile applications through React Native. Its core repository is developed openly on GitHub under the MIT license.

HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It can be used locally through a CLI, by AI coding agents through skills, or as a rendering core for hosted authoring workflows. Compositions are defined as HTML with data attributes for timing, tracks, media, and sub-compositions. The renderer seeks each frame in headless Chrome, uses animation adapters such as GSAP, CSS, Lottie, Three.js, Anime.js, or WAAPI, and encodes the result with FFmpeg; its toolchain includes preview, linting, inspection, local rendering, browser-based editing, reusable catalog components, and AWS Lambda rendering. The project requires Node.js 22 or newer and FFmpeg, does not require React or a build step, and is licensed under Apache 2.0. Its agent skills support workflows including product videos, explainers, pull-request videos, captions, motion graphics, slideshows, music-driven videos, and general compositions.

Amicro (@subhanhq/amicro) is an open-source React library of micro-interactions, transition components, Motion-powered primitives, custom hooks, spring presets, and animated card layouts. Its components are copied as TSX source into a project rather than delivered as a runtime service, with support for React, Next.js, and Vite applications using Tailwind CSS and Motion or framer-motion. The library includes entrance transitions such as fade-in, fade-up, and zoom-in; interaction components such as tilt-card and magnetic-button; text-reveal effects; scroll-progress utilities; and card layouts including fanned arcs, corner fans, cascades, radial wheels, scatter spreads, interactive 3D carousels, CoverFlow, and a timeline-controlled perspective stack. The npm CLI initializes project configuration and adds individual components, hooks, or utilities. Components can also be installed through a shadcn/ui registry using direct raw URLs or the @amicro namespace. The project supports light and dark UI palettes, requires Node.js 18 or later, and is distributed under the MIT License. It was created by Syed Subhan, associated with Subhan-code.

ThreeUI is a free, open-source, login-free catalog and React component library for interactive Three.js, WebGL, shader, and UI components. Its Community edition provides browsing, search, themes, responsive layouts, live renderers, controls, variant pickers, source-code tabs, and complete Community component source code, while excluding Pro and Beta components and authentication, checkout, and Pro implementation source. The public library can be installed from npm as @designcodeio/threeui and imported as React components with shared styles through the package root or component subpaths, or run locally with Vite from the repository. Components that render full HTML documents require runtime assets to be copied into the host application's public directory. Application code and Community component code are MIT licensed; bundled fonts use the SIL Open Font License 1.1 and bundled Three.js runtime files use the MIT license.

Viscose is a portfolio carousel rendered as a single full-screen WebGL fragment shader rather than a grid of DOM elements. Project cards travel around a mostly off-screen ring that can be turned by scrolling, dragging, swiping, or clicking; momentum carries the ring and it snaps the nearest card to the front. Signed distance fields make neighboring cards melt together as they approach and form thin, sagging threads as they separate, while pointer interaction softens the field, shifts nearby cards, and creates connecting effects. The same shader pass renders the threads, the refracting glass-like edges at the top and bottom of the viewport, and the cursor tag. On touch devices, swiping turns the ring and press-and-hold triggers the hover effects. The project includes a development-only lil-gui panel with roughly 136 live parameters and is built with Next.js, React, Three.js, GSAP, and Tailwind CSS; it requires Node.js 20 or newer to run locally.