https://github.com/stylescape/example-vite
Stylescape Example | Vite
https://github.com/stylescape/example-vite
example stylescape vite
Last synced: 2 days ago
JSON representation
Stylescape Example | Vite
- Host: GitHub
- URL: https://github.com/stylescape/example-vite
- Owner: stylescape
- License: mit
- Created: 2024-08-16T06:32:33.000Z (almost 2 years ago)
- Default Branch: dev
- Last Pushed: 2025-03-09T08:01:26.000Z (about 1 year ago)
- Last Synced: 2025-03-09T09:17:48.233Z (about 1 year ago)
- Topics: example, stylescape, vite
- Language: HTML
- Homepage: https://scape.style
- Size: 271 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
Awesome Lists containing this project
README
# Stylescape Vite Example
[](https://stackblitz.com/github/stylescape/example-vite)
This example demonstrates how to integrate [Stylescape](https://github.com/stylescape/stylescape) with [Vite](https://vitejs.dev/), a fast and modern frontend build tool.
## 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-vite.git
cd example-vite
npm install
```
## Usage
### Development Server
```sh
npm start
```
This starts the Vite development server with hot module replacement.
### Production Build
```sh
npm run build
```
Builds optimized assets for production.
## Project Structure
```
example-vite/
├── src/
│ ├── index.html # Main HTML entry point
│ ├── js/ # JavaScript source files
│ └── scss/ # Sass stylesheets
├── package.json # Dependencies and scripts
└── vite.config.js # Vite configuration
```
## Features Demonstrated
- Importing Stylescape via npm
- Compiling Sass source files
- JavaScript component initialization
- Hot module replacement during development
## Learn More
- [Stylescape Documentation](https://github.com/stylescape/stylescape)
- [Vite Documentation](https://vitejs.dev/)
## License
MIT