Lifeline

Next.js is an open-source React framework developed by Vercel for building full-stack web applications. It extends React with server rendering, static-site generation, hybrid rendering, components, and routing, and integrates Rust-based JavaScript tooling for builds. The project provides documentation, a learning course, a showcase, community discussions, and contribution guidelines.

shadcn/ui is an open-source collection of accessible UI components and a code distribution platform for building custom component libraries. It distributes component source code directly into consuming projects, where developers can customize, extend, and build on the components across supported web frameworks. Documentation is available at ui.shadcn.com/docs, and the project is licensed under the MIT license.

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.

markdown-graphs is a collection of React components for ASCII-style tables, charts, and diagrams in MDX. It provides more than 30 graph components, including tables, bar charts, sparklines, heat maps, Gantt charts, timelines, trees, and flow diagrams. Components render inside dashed frames using text glyphs and blocks rather than SVG, with optional single-, dual-, or three-accent palettes. The project distributes source files through a shadcn registry: users can add individual components or the full collection to an existing shadcn project, then import them locally. It is not an npm package and requires an existing shadcn project and Motion. The repository is licensed under MIT.

Canvas UI is an open-source, framework-agnostic library of creative UI components that render canvas and WebGL effects over live, interactive HTML. Its components use the experimental HTML-in-canvas API to read and redraw the DOM as a texture while preserving selectable text and clickable links; where that API is unavailable, they fall back to WebGL overlays. The library includes fluid simulations, shader effects, 3D scenes, distortion, particles, glass, fire, retro, and glitch effects, including Liquid, Ripple, Blaze, Glass, VHS, Shatter, and Decrypt Reveal. Each component is implemented as a plain TypeScript and WebGL engine with thin wrappers for React, Solid, Preact, Vue, Svelte, and vanilla JavaScript. Components are copied into an application through a shadcn-compatible registry rather than installed as a conventional dependency, and provide typed props with default configuration. The registry is MCP-ready for AI-assisted component discovery and installation. HTML-in-canvas effects require Chrome with the relevant flag or an origin-trial token; other environments use the WebGL-overlay fallback, while the library’s 3D effect components work without that flag. The project includes the component source, documentation site, demos, and registry builder, and is distributed under the MIT license with the Commons Clause, which restricts selling the library itself.