Skia

A React Native library for building graphics, animations, layered effects, and custom interfaces such as photo-based story experiences.

React Native is an open-source framework for building native applications with React. JavaScript components, declarative UI, hooks, and Suspense are rendered through native platform UI on Android, iOS, and other platforms, while Fast Refresh applies JavaScript changes without rebuilding the native app. Native Modules allow JavaScript code to call platform code directly, and the framework can be adopted incrementally in existing applications or used with production frameworks such as Expo. React Native is developed by companies and individual core contributors and is distributed under the MIT license.

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.

Shaders is an open-source WebGPU component library and design platform from Shader Effects, Inc. It provides declarative effects for React, Vue, Svelte, Solid, JavaScript, and Framer, including gradients, noise, glass, metal, lighting, distortions, transitions, blurs, and cursor effects. Components render as GPU-blended layers that can be nested, masked, and composed without writing shader code. Its visual editor at shaders.com lets users arrange components on an infinite canvas, adjust their properties, connect them to cursor or timeline inputs, and export the resulting component tree. The accompanying CLI connects a project to a Shaders account, detects the framework, installs selected effects as component files, and can search, preview, and update them. Custom components can be defined with JavaScript objects and WGSL pixel code. The engine, components, framework bindings, and npm package are MIT-licensed; the hosted editor, presets, and other platform features have separate terms.

Hairline is a dependency-free, ESM JavaScript library of interactive isometric line figures for React and other DOM environments. Its figures respond to pointer movement, including pillars that rise around the pointer, layered objects that separate, cards that stand up, and other scenes such as terminals, keyboards, routers, and commit graphs. The package provides React components and DOM functions, supports Svelte-style actions, and lets each figure accept intensity, theme, accessible label, and caption callbacks. Figures draw at a 5:4 aspect ratio; the library includes server-rendering behavior, reduced-motion handling, shared animation scheduling, CSS custom properties for theming, and no runtime dependencies. It is distributed through npm under the MIT license. Hairline also provides hairline-create, a skill for coding agents that generates new figures as standalone HTML files according to the project's rules.