2 Repos
High-fidelity, single-file HTML and CSS mockups used to validate user interactions and visual consistency.
Distinct from Visual HTML CSS Designers: None of the candidates cover the specific use case of single-file high-fidelity design prototyping.
Explore 2 awesome GitHub repositories matching user interface & experience · Interactive HTML Prototypes. Refine with filters or upvote what's useful.
huashu-design is a design system infrastructure and a set of specialized design engines for high-fidelity HTML prototyping, quality evaluation, and presentation conversion. It provides tools for generating interactive single-file HTML mockups, frame-based motion design, and a visual evaluator that analyzes design quality across five dimensions using radar charts. The system distinguishes itself through a translation pipeline that converts HTML slide decks into editable PowerPoint and PDF objects rather than flat images. It includes a motion design engine that uses a time-slice model to render
Renders high-fidelity designs as interactive single-file HTML and CSS mockups for cross-platform consistency.
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
Teaches using CSS pseudo-selectors like :checked to style elements for rich interactions without JavaScript.