0.2.9-alpha.2 • Published 4 years ago
@wingsuit-designsystem/create-wingsuit v0.2.9-alpha.2
Wingsuit: A design system integrating to Pattern Lab and Tailwind with Drupal.
Atomic Design + Tailwind + Patternlab 3 + UI Patterns
- Apply Tailwind Config to a locally-served Pattern Lab
- Create Twig Atomic Design Components
- Apply that design to Drupal with UI Patterns
Prerequisites
Provides
- Shows Tailwind classes/configuration inside Patternlab
- Strict Atomic Design for your UI Components
- Productivity tools:
- SVG Icons generation
- Define your image styles with a yml file and use this,
- LiveReload,
- Uses alpinejs for basic js operations.
- Uses vue.js for larger Javascript
Quickstart
Wingsuit builds design systems in dev mode for local hosting, or production mode for optimized asset generation.
Quickstart A
Simply run:
npm create @wingsuit-designsystem/wingsuit wingsuit
Then
cd wingsuit/
and run:npm start
Quickstart B
Clone repository:
git clone git@github.com:wingsuit-designsystem/wingsuit.git
Then
cd wingsuit/wingsuit
and run:npm install npm run setup npm start
Develop Wingsuit
Clone repository:
git clone git@github.com:wingsuit-designsystem/wingsuit.git
Then
cd wingsuit
and run:fin up fin wingsuit/startup
Wingsuit is heavenly inspired by Particle from Phase2
Differences to Particle
- Wingsuit uses Tailwind instead of Bootstrap
- Uses Postcss instead of Sass
- Uses alpinejs instead of jQuery
- Uses UI Patterns instead of Presenter Templates (Presenter templates vs )
0.2.9-alpha.2
4 years ago
0.2.9-alpha.1
4 years ago
0.2.9-alpha.0
4 years ago
0.2.8
4 years ago
0.2.7
4 years ago
0.2.6
4 years ago
0.2.5
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.1-y.8
4 years ago
0.1.1-y.7
4 years ago
0.1.1-y.4
4 years ago
0.1.1-y.3
4 years ago
0.1.1-y.1
4 years ago
0.1.1-alpha.5
4 years ago
0.1.1-alpha.0
4 years ago
0.1.1-alpha.2
4 years ago
0.1.1-alpha.1
4 years ago
0.1.1-alpha.4
4 years ago
0.1.1-alpha.3
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.6
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago