design-system
Design System
created by UX Team
A comprehensive design system using Tailwind CSS and Figma for web and mobile apps with over 245,000 developers using it globally.
Design System Demo
This is a card
Success message
Overview
About the Design System
The GitHub Social Design System provides a unified language for building web and mobile UI components. It includes over 150+ reusable UI components, 30+ design tokens, and accessibility guidelines.
Built with Tailwind CSS, this system ensures pixel-perfect UI consistency across all platforms. It's being used in over 100+ internal tools and 40+ client products at the moment.
Getting Started
npm install @github-social/design-system
For developers: The package is available through the official NPM registry and includes TypeScript definitions.
Architecture Overview
- Tailwind CSS for core styles
- React components with TypeScript
- Figma design tokens and assets
- Storybook for development & testing
Current Status
Technical Requirements
React
The UI components are built with React, making it easy to integrate into modern applications.
Tailwind CSS
The styling uses Tailwind CSS for utility-first class names and reusable components.
Figma
Figma files are provided as design assets with all components, style guides, and design tokens.
Jest
Unit testing is implemented with Jest to ensure component functionality and reliability.
Maintainers
