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.

website: scape.style
repository: stylescape

Stylescape is built on the following modules:

• unit.gl is a Dynamic Layout Engine focused on fluid typography and responsive design.
• hue.gl is a Perceptual Color System and color management toolkit.
• icon.gl is a Modular Icon Library with various integration options.
• font.gl is a Variable Font Collection curated as an all-round base for typography.
• move.gl is a User eXperience Toolkit created for interactives and immersives.
• page.gl is a Page Layout Library created for rapid prototyping.
• pack.gl is a Package Pipeline Manager that streamlines streamlines bundling assets and code for deployment.

• Brand - Brand guidelines and assets.
• Community - Engage with the Stylescape community.
• devContainer - Development container setup for Stylescape.
• Theme Template - Theme template for Stylescape projects.

• npm - Stylescape Sass and JS with npm.
• Parcel - Stylescape Sass and JS with Parcel.
• React - Stylescape Sass and JS with React and Next.js.
• Svelte - Stylescape Sass and JS with Svelte.
• Vite - Stylescape Sass and JS with Vite.
• Vue - Stylescape Sass and JS with Vue + Vite.
• Webpack - Bundle Stylescape Sass and JS with Webpack.

Made with ❤️ by Scape Agency