Skip to content

Satūs Toolkit 🚀 "Satūs" means start, beginning, planting— it's a creative web template with powerful tools: Next.js, Lenis, Theatre.js, GSAP, Hamo, Compono. Includes SVG import, Sass architecture, debug tools, and various flavors like Shopify and Tina-cms. Maintained by Studio Freight Things team.

Notifications You must be signed in to change notification settings

uvee-dev/StudioVibes-Status-

Repository files navigation

SATUS

Introduction

Satūs means start, beginning, planting, it's a set of tools we use as a template when starting a new project.


Composition

This starter kit is composed of:


Features

This starter kit is composed of:

  • SVG import through @svgr/webpack
  • Sass architecture and tooling:
    • Config file
    • Viewport based sizes
    • Reset
    • Easings
    • Themes
  • Debug tools:
    • Theatre.js Studio
    • FPS Meter
    • Grid Debugger
  • Github workflow to display lighthouse report on slack: make sure you update the vercel_project_id in .github/workflows/lighthouse-on-vercel-preview-url.yml to your Vercel project id.

Debug

To toggle debug modes you need to access the page /_debug/orchestra.

example: https://satus.studiofreight.com/_debug/orchestra

Flavors


Authors

This toolkit is curated and maintained by the Studio Freight Things team:


License

The MIT License.

About

Satūs Toolkit 🚀 "Satūs" means start, beginning, planting— it's a creative web template with powerful tools: Next.js, Lenis, Theatre.js, GSAP, Hamo, Compono. Includes SVG import, Sass architecture, debug tools, and various flavors like Shopify and Tina-cms. Maintained by Studio Freight Things team.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published