Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.The easiest way to run a sample Angular application with Clarity is to use the Clarity Seed.
ux ui angular css typescript component-library design-system clarity angular2 angular-componentLearn how to design large-scale systems.Prep for the system design interview.
programming development design design-system system design-patterns web web-application webapp interview interview-questions interview-practiceThis tool is not a grid system with a grid already designed for you. Instead, CSS Gridish builds all of the resources for the grid your team designed. We hope it helps teams adapt CSS Grid sooner and enables more complex layouts. To show how versatile the tool is, we have examples of grids from Bootstrap, Carbon Design System, and Material Design.
design css-grid css-flexbox css sass design-systemStylable enables you to write reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability. At build time, the preprocessor converts the Stylable CSS into a minimal, flat, static, valid vanilla CSS that works cross-browser.
css components style theme design-system preprocessor web-componentsReact UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.
react css ui styled-components rebass design-system react-components styled-system components grid typography layout color theme emotion react-component presentational stateless functionalAn updated and curated list of readings to illustrate best practices and patterns in building scalable, available, stable, performant, and intelligent large-scale systems. Concepts are explained in the articles of prominent engineers and credible references. Case studies are taken from battle-tested systems that serve millions to billions of users. Understand your problems: scalability problem (fast for a single user but slow under heavy load) or performance problem (slow for a single user) by reviewing some design principles and checking how scalability and performance problems are solved at tech companies. The section of intelligence are created for those who work with data and machine learning at big (data) and deep (learning) scale.
system-design backend scalability site-reliability-engineering sre interview architecture devops site-reliability design-patterns back-end back-end-development interview-questions design-systems awesome-list microservices distributed-systems design-system tech big-dataPrimer is the design system that powers GitHub. Primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project. The Primer repo is managed as a monorepo that is composed of many npm packages.
css sass ui-components framework design-system design-systemsLibraries that make our life easier coming up every day. Styleguides and design system are growing so fast. Today, tools that allow us to be quick and effective in what we are doing are really necessary. We can't lose time with tasks that should be trivial for us. Thinking about that docz came out. Documenting our things is one of the most important and heavy processes when you're creating something new. We waste a lot of time with unnecessary setups to build something that can represent and we want with our own style.
docs documentation js react blazingly-fast zero-configuration ui design-systemVue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.
vuejs design-systems design-system vue-styleguidist components component-library vue vue-design-system vue.js design systemAlva is a radically new digital design tool built for cross-functional product teams. Alva works with your production frontend components, adding up-to-date, responsive, and interactive designs to your living styleguide.
design design-system react componentsThe most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices
vue vuex vue-router webpack typescript jest server-side-rendering progressive-web-app seo i18n kitchensink best-practices boilerplate enterprise components design-systemPrimer is the CSS framework that powers GitHub's front-end design. primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.
css sass ui-components framework design-system design-systems primer githubA free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: You can download the Sketch files from the official product page.
admin admin-dashboard admin-panel admin-template admin-ui react reactjs design-system shards-uiModern and minimalist React UI library, originating from Vercel's design. run yarn add @geist-ui/react or npm i @geist-ui/react install it.
react design-systems react-components design-system geist geist-ui components react-uiCarbon Components Svelte is a Svelte component library that implements the Carbon Design System, an open source design system by IBM. Design systems facilitate design and development through reuse, consistency, and extensibility.
typescript svelte-components svelte component-library carbon design-system ui-library carbon-design-system carbon-componentsUse component classes like btn, card, etc… to build your UI.
css ui-design design-systems design-pattern postcss css-framework design-patterns ui-kit ui-components css-components ui-pattern design-system ui-library ui-framework tailwind tailwindcss tailwind-css components component framework theming design uiOur documentation site lives at primer.style/react. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more. You can track our roadmap progress in the Roadmap Project Board, see more detail in the quarterly planning Discussions, and find a list of all the current epic tracking issues here.
react primer component-library design-system components libraryMantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.
react-components react-library react hooks typescript accessibility uikit a11y design-systemStart your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. Argon Design System is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files.
design design-system bootstrap-4 design-systems webdesign responsive responsive-design profile-page creativetim creative-tim freebie freebies freeOur documentation site lives at primer.style/components. You'll be able to find the information listed in this README as well as detailed docs for each component, our theme, and system props. Primer Components come with all the necessary CSS built-in, so you don't need to worry about including Primer CSS.
primer react components library design-system
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.