0.2.9-alpha.2 • Published 5 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
5 years ago
0.2.9-alpha.1
5 years ago
0.2.9-alpha.0
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.1-y.8
5 years ago
0.1.1-y.7
5 years ago
0.1.1-y.4
5 years ago
0.1.1-y.3
5 years ago
0.1.1-y.1
5 years ago
0.1.1-alpha.5
5 years ago
0.1.1-alpha.0
5 years ago
0.1.1-alpha.2
5 years ago
0.1.1-alpha.1
5 years ago
0.1.1-alpha.4
5 years ago
0.1.1-alpha.3
5 years ago
0.0.11
5 years ago
0.0.10
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.6
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago