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:

• Next.js
• Zustand
• React Spring
• Embla
• Lenis
• Clsx
• From Radix UI:
  • Accordion

Features

This starter kit is composed of:

• SVG import through @svgr/webpack
• Sass architecture and tooling:
  • To VW Functions
  • Reset
  • Easings
• Hooks:
  • useDebug
  • useFrame
  • useInterval
  • useIsTouchDevice
  • useMediaQuery
  • useRect
  • useSlots
• Custom Cursor support
• Real Viewport component
• Grid Debugger
• Github workflow to render lighthouse on slack: make sure you update the vercel_project_id in .github/workflows/lighthouse-on-vercel-preview-url.yml to your Vercel project id.

Flavors

• Light (you're here)
• With Shopify
• With Contentful
• With react-three-fiber
• With OGL

Authors

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

• Clement Roche (@clementroche_) – Studio Freight
• Guido Fier (@uido15) – Studio Freight
• Leandro Soengas (@lsoengas) - Studio Freight
• Franco Arza (@arzafran) - Studio Freight

License

The MIT License.