Open-source alternatives to Huashu Design

This project is a declarative animation library and high-performance engine designed for creating fluid, interactive vector motion graphics on the web. It provides a specialized framework for defining, rendering, and orchestrating complex visual sequences, including custom geometric shapes and dynamic property transitions. The library distinguishes itself through a robust particle system framework that generates explosive or organic visual effects by emitting multiple shapes with randomized trajectories and paths. It utilizes a master timeline controller to synchronize independent animation i

This project is a scientific visualization guide and data visualization framework designed for creating high-quality 2D and 3D figures for academic journals and scientific publishing. It provides a structured approach to designing precise layouts, coordinate systems, and typography for complex scientific data. The project features a specialized print-ready PDF workflow and a CMYK print production workflow. These systems translate digital RGB colors into printer-specific CMYK profiles to ensure visual accuracy for physical hardcover and softcover printing. It also serves as a guide for SVG dat

Quarkdown is a programmable document compiler and markdown static site generator. It transforms markdown source files into structured outputs, serving as a tool for generating professional books, academic papers, and digital presentations. The system distinguishes itself through a programmable layout engine that allows for the use of functions, variables, loops, and conditional logic within markdown files. It includes an interactive read-eval-print loop for testing these document functions and syntax in real time before final compilation. Additionally, it provides a specialized format for sup

Marp is a presentation framework that transforms plain text files into slide decks using Markdown syntax. It functions as a converter and static site generator, enabling the creation of structured visual presentations that can be exported into formats including HTML, PDF, and PowerPoint. The project distinguishes itself through a modular architecture that supports custom themes and plugins, allowing users to extend the core conversion pipeline. It provides a command-line interface for automated file processing and includes reactive file-system watching to facilitate a live preview development

This project is a multi-purpose toolkit consisting of an AI agent knowledge base, a developer tool UI kit, a markdown presentation framework, a technical diagram renderer, and a TypeScript library bundler. It provides the infrastructure to curate documented guidelines into structured collections for automated AI outputs while offering tools for creating technical content and distributing software libraries. The markdown presentation framework allows for the creation of interactive slide decks featuring synchronized code blocks, motion transitions, and the rendering of mathematical formulas an

This project is a static educational website and comprehensive curriculum focused on computer vision and deep learning. It serves as a public repository of instructional materials, lecture notes, and technical guides specifically detailing convolutional neural networks and visual recognition. The site is developed using static-site generation to host course documentation and student project directories. It provides structured academic resources that guide learners through image classification, generative modeling, and the implementation of various neural network architectures. The curriculum

Superdesign is an AI-powered design platform that generates UI mockups, wireframes, and multi-page user flows from natural language prompts within a collaborative canvas environment. It functions as a design-to-code exporter, producing production-ready HTML, ZIP archives, or Shopify Liquid templates for direct implementation, and includes an OpenAPI specification importer that automatically generates API documentation and client code from schema definitions. The platform distinguishes itself through a branch-based design exploration system that creates independent design variations from a sin

This project is a design system management tool and CSS manager used to extract visual patterns from code and enforce consistent design tokens across style definitions. It functions as an interface polishing tool that replaces generic default CSS values with refined tokens to improve overall visual quality. The system acts as a visual style recommender and design assistant, analyzing project files to infer application types and suggest appropriate configurations for spacing, depth, and borders. It also generates visual direction boards and reference mockups to establish a project's aesthetic

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

Excelize is a library for reading and writing spreadsheet files in the Office Open XML format. It provides a comprehensive suite of tools for programmatically creating, modifying, and analyzing workbooks, worksheets, and cell data, ensuring compatibility across various office software suites through structured XML serialization. The library distinguishes itself with a built-in formula calculation engine that evaluates complex mathematical and logical expressions directly against workbook data. It also features a memory-mapped streaming architecture, which allows for the efficient processing o

This project is an LLM-powered presentation generator and HTML slide deck framework designed to produce single-file presentations. It combines an AI-driven generation system with a playback engine that utilizes WebGL-accelerated rendering for high-performance visual storytelling. The system is distinguished by its focus on design system enforcement, utilizing a validator to ensure layouts adhere to specific typographic and structural rules. It includes a specialized AI visual asset pipeline that generates context-aware imagery and transforms raw screenshots into polished assets through progra

mdx-deck is a markdown presentation generator and React-based framework used to create interactive slide decks. It functions as a static site presentation engine that converts Markdown and MDX files into structured, stylable browser-based slides. The framework distinguishes itself by combining structured markdown with interactive React components and a synchronized presenter mode. This presenter mode provides a dedicated second window featuring a timer, slide previews, and hidden speaker notes for live events. The system covers a broad range of presentation capabilities, including custom CSS

Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s

Framer - Design Everything

This project is a centralized repository and delivery system for branding assets and development environment themes. It serves as a static asset host that provides brand images, logos, and media files via a content delivery network for use by external applications. The project provides an integrated theme and icon pack for editors and terminals, featuring hand-curated color schemes and a custom file icon set mapped to specific extensions and folders. It utilizes a JSON-schema-driven configuration system to apply consistent visual styling and contrast levels across different platforms. Additi

Magic of CSS is a structured tutorial series that teaches web developers advanced CSS layout, typography, and animation techniques through hands-on examples. The course covers the full spectrum of CSS capabilities, from foundational box model and positioning concepts to sophisticated animation and interactive state management, all without relying on JavaScript. The series distinguishes itself by teaching practical, real-world CSS patterns such as inline-block justified grids, percentage-based absolute positioning, table-display vertical centering, and letter-span styling techniques. It demons

Motion Canvas is a TypeScript-based framework for creating programmatic animations and motion graphics. It functions as a code-based animation tool that allows developers to define visual transitions, element properties, and timing through scripts rather than traditional timeline-based interfaces. The library renders frame-accurate motion graphics directly in the browser using web technologies. The project utilizes a virtual scene graph to manage visual objects and their transformations, which are then rendered to an HTML5 canvas. It employs generator functions to sequence animations and reac

Graphite is a node-based visual design environment that integrates vector illustration, raster image processing, and motion graphics generation into a single platform. It utilizes a functional reactive pipeline and a data-flow execution model to propagate state changes through a graph of interconnected nodes, allowing users to construct complex, automated design workflows. The platform distinguishes itself through a context-aware evaluation engine that injects runtime metadata—such as coordinate data and loop indices—directly into the node graph. This enables the creation of procedural geomet

This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precis

Bodymovin is a motion graphics pipeline tool and plugin that exports After Effects animations into JSON files for native rendering on web and mobile platforms. It serves as a cross-platform animation bridge, converting complex vector motion designs into a portable Lottie format for use across different operating systems and frameworks. The project enables high-performance web animation by rendering motion graphics using SVG, Canvas, or HTML. It ensures consistent playback across diverse environments by converting dynamic expressions into static keyframes during the export process. The toolse

Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar

bespoke.js is a DOM-driven presentation tool and HTML framework that transforms existing web elements into navigable slide decks. It functions as a web-based deck orchestrator, using a JavaScript engine to manage slide transitions and state through CSS and programmatic API controls. The project is built as a plugin-based slide engine, allowing developers to extend core behavior by intercepting navigation events and injecting custom lifecycle logic. This modular system enables the creation of tailored presentation frameworks by adding specific behavioral logic or state management. The toolset

This project is a framework for training and sampling generative models designed to produce high-quality images in few steps. It provides implementations for image generation models that transform random noise into structured visual data through an optimized sampling process. The system specializes in accelerating image generation through consistency distillation and consistency training. It includes tools to transform pre-trained diffusion models into faster versions by distilling knowledge from a teacher model into a student model, as well as methods to train consistency models from scratch

This project is a curated collection of technical slide decks focused on high-performance architecture, middleware, cloud-native technologies, and Golang development. The slides are stored as Markdown files in a Git repository, which provides version history and straightforward hosting, and are converted into HTML for direct viewing in a web browser without requiring any downloads. The repository covers a range of advanced technical topics, including distributed consensus algorithms like Raft, network programming models such as epoll and io_uring, and the internals of systems like Apache Puls

PaperBanana is an AI research visualization tool and framework designed to generate and refine high-resolution academic illustrations from conceptual and technical descriptions. It employs an automated generation pipeline that transforms scientific text and captions into publication-quality diagrams and plots. The system utilizes a multi-stage process consisting of retrieval-augmented planning, image synthesis, and a critic-based iterative refinement mechanism. This workflow allows for the adjustment of image details and the upscaling of visual outputs to 4K resolution. The project includes

Simple Icons is a curated library of over 3,400 brand-specific icons provided as scalable vector graphics. It serves as a centralized resource for acquiring brand logos and associated metadata for use in digital designs and software applications. The project provides multiple distribution formats, including direct SVG downloads, a remote CDN service for loading icons via URLs with support for custom colors and sizing, and language-specific asset packages distributed through package managers. The library covers brand asset management and frontend integration, utilizing a metadata-driven regis

Hyperframes is an HTML-to-video rendering engine and composition tool that transforms web layouts and CSS into encoded video files. It functions as a headless browser video pipeline and a distributed video rendering framework, allowing users to create seekable animations and programmatic motion designs using HTML, CSS, and JavaScript. The project differentiates itself as an AI agent video orchestrator, enabling the automation of video scripts and compositions through natural language prompts. It supports distributed video encoding by splitting rendering tasks across multiple serverless functi