Front-end

Gojek Design Language System

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

A collection of Design Systems for Figma from all over the globe.

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.

Garden is the design system by Zendesk. It’s where we grow the components, standards, and tools that product designers use every day.

Resources, components, and design guidelines behind GitLab

Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow—from the brand and product itself, down to how we send emails and write copy.

Origami is a group of services, components, and tools used to help design & build digital products for FT brands.

Acorn is the design system for the Firefox desktop and mobile browsers

Start building your app now. An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.

Easy Contact Form to Email Service. Receive html contact form submissions directly in your email inbox using our contact form api service without any server or backend code. Its free!

Pug is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

CSS for the Component Age. Styling your way with speed, strong typing, and flexibility.

Syntactically Awesome Style Sheets. Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

The Intuitive Vue Framework. Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.

Set up design system guide, Resources, Useful Tools

Style once, use everywhere. A build system for creating cross-platform styles. A single place to create and edit your styles, and a single command exports these rules to all the places you need them

A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. Built with Styled System

Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.

Document your design systems, together. Create beautiful design system documentation collaboratively with zeroheight

A new way to write stories. Powered by Vite. A story is a scenario where you showcase in your browser one or more components for specific use cases.

Empower your front-end with a collaborative design system platform: code, design, stories, tests, documentation, versioning, npm release and more. Start now!

Make your ideas look awesome, without relying on a designer. Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

Create beautiful, customizable & lightweight toasts with Solid JS. Personalize the content of your toasts with custom JSX, icons, style attributes, color accents and more!

Build faster websites. Pull content from anywhere and serve it fast with Astro's next-gen island architecture. Astro is the web framework that you'll enjoy using.

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.