Skip to content

starling-cloud/stylescape

This branch is 280 commits behind stylescape/stylescape:main.

Folders and files

NameName
Last commit message
Last commit date
Aug 25, 2024
Aug 25, 2024
Aug 12, 2024
Jan 10, 2024
Sep 3, 2024
Aug 25, 2024
Aug 25, 2024
Sep 3, 2024
Aug 25, 2024
Aug 12, 2024
Aug 12, 2024
Aug 11, 2024
Aug 12, 2024
Sep 1, 2024
Aug 11, 2024
Sep 1, 2024
Aug 11, 2024
Aug 11, 2024
Aug 13, 2024
Sep 1, 2024
Sep 1, 2024
Aug 12, 2024
Sep 3, 2024
Aug 25, 2024
Sep 1, 2024
Aug 11, 2024
Sep 1, 2024
Sep 1, 2024
Aug 18, 2024
Aug 25, 2024
Sep 3, 2024
Aug 25, 2024
Sep 6, 2024
Sep 6, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024

Repository files navigation

GitHub License devContainer StackBlitz

Stylescape Logo

Stylescape

Design Framework


A powerful design framework for concise and high-quality web development

Stylescape is a modular, scalable, and customizable design framework dedicated to streamlining style and layout design for both web and print media. Written in SCSS and TypeScript, it aimes to bridge the gap between visual design and code. Whether you’re a designer or developer, Stylescape provides a robust toolkit that empowers you to create harmonious, scalable, and accessible designs efficiently.


Features

  • Visual Consistency: A unified design language across all components for brand integrity.
  • Modular Architecture: Import only what you need for lighter, faster websites.
  • Client Alignment: Transform initial stylescapes into functional code easily.
  • Streamlined Workflow: In-built responsiveness, themes, and accessibility features.
  • Scalable & Maintainable: Built with SCSS and TypeScript for robustness and ease of use.

Quickstart

Installation

You can install Stylescape using npm:

npm install stylescape

Or via unpkg:

<link rel="stylesheet" href="https://unpkg.com/stylescape@0.0.10/dist/css/stylescape.css">

Getting Started

After installing, you can include Stylescape's SCSS and TypeScript files into your project:

import 'stylescape/dist/stylescape.css';
import 'stylescape/dist/stylescape.js';

Documentation

For more detailed setup and usage instructions, refer to our official website: scape.style.


Contribution

Contributions are always welcome! See CONTRIBUTING.md for ways to get started.


Made with ❤️ by Scape Agency

About

Stylescape

Resources

License

Code of conduct

Security policy

Citation

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 79.4%
  • TypeScript 16.3%
  • JavaScript 4.2%
  • Dockerfile 0.1%