Style Stage is a modern CSS showcase styled by community contributions, maintained by Stephanie Eckles of ModernCSS.dev. Contributors submit alternate stylesheets to restyle a provided base HTML page, which was created to be semantic, accessible, and free of nearly all other opinions. The project seeks to rekindle the spirit of CSS Zen Garden.
A Microsoft Learn design section that explains how to design Windows app experiences using Fluent Design principles, accessibility guidance, layout patterns, motion and visual styles. It provides guidance on color, materials, typography, icons, navigation and usability.
shadcn-svelte provides composable, accessible components with thoughtful defaults, intended for building a custom component library with code that can be customized and extended. It offers a library of components, and a changelog notes the release of Trace, Code Block and AI Elements.
Modern CSS Solutions is a series by frontend developer Stephanie Eckles examining modern CSS approaches to common frontend problems. Articles cover topics such as custom properties, container query units, CSS math functions, selectors, accessibility upgrades, and testing browser feature support with fallbacks and build tools. A companion site, SmolCSS, offers minimal snippets for modern layouts and components.
Motion is an animation library for React, JavaScript and Vue, previously known as Framer Motion. It provides layout, gesture, scroll, spring, exit and 3D animations, with hardware acceleration and a mini animate function starting at 3.2kb. Premium components, examples and tutorials are offered through Motion+ and the AI Kit.
dummyimage is a developer resource for coding, documentation, communities, security research, or software tools.
Octopus.do is a visual sitemap and website planning tool. It offers a visual sitemap builder with lo-fi wireframes for prototyping website architecture, and allows crawling a website, choosing a template, or generating with AI. Sitemaps can be shared without sign-up, and exports include PNG, PDF, Excel, Figma, and WordPress.
Community notes
Be the first to share how this project worked for you.
Sign in with a verified account to leave a review or join the discussion.
Sign in to reviewKeep exploring
A Microsoft Learn design section that explains how to design Windows app experiences using Fluent Design principles, accessibility guidance, layout patterns, motion and visual styles. It provides guidance on color, materials, typography, icons, navigation and usability.
shadcn-svelte provides composable, accessible components with thoughtful defaults, intended for building a custom component library with code that can be customized and extended. It offers a library of components, and a changelog notes the release of Trace, Code Block and AI Elements.
Modern CSS Solutions is a series by frontend developer Stephanie Eckles examining modern CSS approaches to common frontend problems. Articles cover topics such as custom properties, container query units, CSS math functions, selectors, accessibility upgrades, and testing browser feature support with fallbacks and build tools. A companion site, SmolCSS, offers minimal snippets for modern layouts and components.
Motion is an animation library for React, JavaScript and Vue, previously known as Framer Motion. It provides layout, gesture, scroll, spring, exit and 3D animations, with hardware acceleration and a mini animate function starting at 3.2kb. Premium components, examples and tutorials are offered through Motion+ and the AI Kit.
dummyimage is a developer resource for coding, documentation, communities, security research, or software tools.
Octopus.do is a visual sitemap and website planning tool. It offers a visual sitemap builder with lo-fi wireframes for prototyping website architecture, and allows crawling a website, choosing a template, or generating with AI. Sitemaps can be shared without sign-up, and exports include PNG, PDF, Excel, Figma, and WordPress.
