All Projects â†’ react-figma â†’ PrimerDemo

react-figma / PrimerDemo

Licence: other
📱 A multiplatform React-based design system (demo)

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
CSS
56736 projects
ruby
36898 projects - #4 most used programming language
java
68154 projects - #9 most used programming language

Primer Demo

A multiplatform React-based design system inspired by GitHub Primer.

Demo

Web

Website

Demo GIF

Figma

Dulplicate Community File Demo Figma document

Demo GIF

Native

Demo GIF

Running

  • Web (Storybook React): yarn storybook:web
  • iOS simulator (Storybook React Native): yarn storybook:ios
  • Figma plugin (React Figma): yarn figma:webpack:watch

Structure

├── .storybook - @storybook/react configuration
├── .storybook-native - @storybook/react-native configuration
├── android - gradle project for React Native app
├── assets - React Native app assets
├── ios - iOS project for React Native app
├── src
│   ├── components
|   ├── fonts - fonts for web
|   ├── frames - frames for displaying through React Figma
|   ├── helpers - frames for displaying through React Figma
|   ├── hooks - React Hooks
|   ├── styles - global styles for web
|   ├── tokens - design system tokens (colors, spacing, etc.)
|   ├── wrappers - universal wrappers for base UI elements (buttons, images, etc.)
│   ├── App.tsx - React Figma app
│   ├── code.tsx - entty point for Figma plugin Main-thead
│   ├── ui.html - entty point for Figma plugin UI-thead
│   └── ui.tsx 
├── app.json - react-native config file
├── babel.config.js - babel config for react-native
├── figma.d.ts - figma plugin typings
├── figma.webpack.confgi.js - Webpack config for react-figma
├── manifest.json - Figma plugin manifest
├── metro.config.js - config for Metro bundler
├── now.json - config for Zeit Now
├── package.json
├── tsconfig.json
└── yarn.lock
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].