Quickstart guide

Prerequisites

Get started using the automated command line tool. This command creates a Wingsuit demo project, which uses the atomic design guidelines to structure the patterns.

Choose your flavor:
Drupal opinionated
Vanilla 
npx @wingsuit-designsystem/cli init -k tailwind
npx @wingsuit-designsystem/cli init -k bootstrap
npx @wingsuit-designsystem/cli init -k vanilla-tailwind

# Add "cms" app and configure the `distFolder`, `assetAtomicFolder` to
# your template folder in your `wingsuit.config.js`:
yarn ws generate-app

# Start your app:
yarn ws dev cms
npx @wingsuit-designsystem/cli init -k vanilla-scss

# Add "cms" app and configure the `distFolder`, `assetAtomicFolder` to
# your template folder in your `wingsuit.config.js`:
yarn ws generate-app

# Start your app:
yarn ws dev cms

You might also try ...
Drupal Kickstarter

Wingsuit Kickstarter is the fastest way to start your Drupal project with Wingsuit. The Kickstarter uses UI Patterns to map Patterns to Drupal and Acquia Blt for automation.

NEXT
Create a new component
Learn how to use wingsuit by building a new component.