https://github.com/stylescape/example-parcel
Stylescape Example | Parcel
https://github.com/stylescape/example-parcel
parcel stylescape
Last synced: 3 months ago
JSON representation
Stylescape Example | Parcel
- Host: GitHub
- URL: https://github.com/stylescape/example-parcel
- Owner: stylescape
- License: mit
- Created: 2024-08-16T06:34:09.000Z (almost 2 years ago)
- Default Branch: dev
- Last Pushed: 2026-02-07T22:56:54.000Z (4 months ago)
- Last Synced: 2026-02-08T05:53:17.636Z (4 months ago)
- Topics: parcel, stylescape
- Language: HTML
- Homepage: https://style.scape
- Size: 608 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Citation: CITATION.cff
- Codeowners: .github/CODEOWNERS
- Security: .github/SECURITY.md
- Codemeta: codemeta.json
Awesome Lists containing this project
README
# Stylescape Parcel Example
[](https://stackblitz.com/github/stylescape/example-parcel)
This example demonstrates how to integrate [Stylescape](https://github.com/stylescape/stylescape) with [Parcel](https://parceljs.org/), 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
```sh
git clone https://github.com/stylescape/example-parcel.git
cd example-parcel
npm install
```
## Usage
### Development Server
```sh
npm start
```
This starts the Parcel development server with hot module replacement.
### Production Build
```sh
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](https://github.com/stylescape/stylescape)
- [Parcel Documentation](https://parceljs.org/)
## License
MIT