Styleguidist

Remotion is a programmatic video creation framework that lets you make real MP4 and other video formats using React code by treating video as a function of frames and rendering components over time, leveraging familiar web technologies such as CSS, Canvas, SVG, and JavaScript to design, animate, and parameterize dynamic content with data, APIs, and interactivity. It includes tools like Remotion Studio for previewing and rendering, Remotion Player for embedding and reacting to data at runtime, Remotion Lambda for scalable server-side or serverless rendering, and additional components like timeline editing, recorder tools, and editor starter templates for building custom video editing applications with React and TypeScript. It supports scalable rendering locally or in the cloud, dynamic editing of props through a visual interface, and fine-grained animation via React hooks and interpolation utilities.

Emotion is a performant, flexible CSS-in-JS library designed for writing CSS styles using JavaScript, supporting both string-based and object-based styles while delivering a strong developer experience, complete with source maps, labels, and testing utilities. It offers two powerful usage patterns; a framework-agnostic approach which requires no special configuration yet supports vendor-prefixing, nested selectors, media queries, and class composition through the CSS and CX functions; and a React-optimized variant providing advanced features like the CSS prop for direct styling (similar to the style prop but with support for nested selectors, media queries, and theming capabilities), zero-configuration server-side rendering, native theming, and compatibility with ESLint tooling. Emotion also supports styled-component-like APIs, enabling tag-based or component-based styled elements with dynamic prop-driven styling.