Stylescape Parcel Example

This example demonstrates how to integrate Stylescape with Parcel, a zero-configuration web application bundler.

About Stylescape

Stylescape is a comprehensive design system and CSS framework that provides a complete toolkit for building modern, accessible, and responsive web interfaces. It includes layout systems, interactive components, and utility classes.

Installation

git clone https://github.com/stylescape/example-parcel.git
cd example-parcel
npm install

Usage

Development Server

npm start

This starts the Parcel development server with hot module replacement.

Production Build

npm run build

Builds optimized assets for production.

Project Structure

example-parcel/
├── src/
│   ├── index.html      # Main HTML entry point
│   ├── js/             # JavaScript source files
│   └── scss/           # Sass stylesheets
└── package.json        # Dependencies and scripts

Features Demonstrated

• Importing Stylescape via npm
• Zero-config Sass compilation
• Automatic JavaScript bundling
• Fast development server with HMR

Learn More

• Stylescape Documentation
• Parcel Documentation

License

MIT