Recommended resources
A hand-picked board of design systems and component libraries worth bookmarking. Some are open-source, some are premium, and a few are the systems behind products you use every day — all great places to borrow patterns and ideas.
- React Bitsreactbits.dev
Open-source, animated React components — backgrounds, text effects, and interactive bits you copy straight into your project. A key inspiration behind ONONC's own motion components.
ReactCopy-pasteAnimationOpen source - React Bits Propro.reactbits.dev
The premium tier of React Bits: production-ready templates, full page sections, and advanced animated components for teams shipping polished marketing sites.
ReactPremiumTemplates - Mantine UIui.mantine.dev
A large collection of responsive, copy-paste sections and layouts — heroes, navbars, tables, and forms — built on the Mantine React components library.
ReactCopy-pasteSections - 21st.dev21st.dev
A community marketplace and registry of shadcn-compatible React + Tailwind components — “the npm for design engineers” — and the source behind AI tools that generate UI from a prompt.
ReactTailwindRegistryMarketplace - Cloudscapecloudscape.design
Amazon's open-source design system for building rich web applications, born out of the AWS Management Console. Ships React components, design tokens, patterns, and usage guidelines.
ReactDesign systemAWSOpen source - Primer Reactgithub.com/primer/react
GitHub's Primer design system in React — the actual component library that powers GitHub's own interface, following the Primer guidelines.
ReactDesign systemGitHub - Carbon Design Systemgithub.com/carbon-design-system
IBM's open-source Carbon design system. This repository is the Carbon website — the guidelines, docs, and component reference for building consistent products.
Design systemDocsIBM - Material Webgithub.com/material-components
Google's Material Design 3 delivered as framework-agnostic Web Components (built on Lit) that drop into any stack — React, Angular, or plain HTML.
Web ComponentsMaterial DesignGoogle - Fluent UIgithub.com/microsoft/fluentui
Microsoft's Fluent design system — the React components used across Microsoft 365, Office, and Windows web experiences.
ReactDesign systemMicrosoft - Astryxastryx.atmeta.com
A design-system and UI-component resource hosted on the atmeta.com domain — a newer entry worth a look; visit the site for the latest.
Design system
These are third-party sites, not affiliated with ONONC; links open in a new tab. Spotted something great that belongs here? It is worth adding to the board.