S2 Framework
Clone S2 in Webflow
English
English
  • Welcome
    • S2 is flow simple!
    • Getting Started
  • How to use the Cloneable?
  • Guide & Documentation
    • Basic Concepts
      • Styling in Webflow
      • Utility Classes
      • Units
      • Fluid Typography
    • Variables
      • Colors vs Palettes
      • Colors in S2
      • Text
      • Variable Groups
    • Naming Strategies
      • Class Naming
      • Other Naming Strategies
      • Naming Custom Attributes
    • Structure
      • HTML Structure
      • Global Code
    • S2 Attributes
    • S2 Components
  • Editions
    • Build your own S2
      • One-page Style Guide
      • Lite Edition
  • More
    • FAQs
    • Ready to switch to S2?
      • Frameworks Comparison Overview
      • From Client-First
      • From MAST or The Saddle
      • From Lumos
    • Tools and Resources
    • Read More
      • Foundations of S2
      • Our Approaches
  • Links
    • 🤘Clone in Webflow
    • 🪵Changelog & Roadmap
  • Copyright & Terms
Powered by GitBook
On this page
  1. Editions

Build your own S2

PreviousS2 ComponentsNextOne-page Style Guide

Last updated 11 hours ago

When you clone the S2 Framework, you get full control over styles, allowing you to customize it to your design. You can add your elements and styles. You can also remove elements, demos, components or pages that aren't necessary for your project.

S2 is well-optimized for performance — The S2 Framework is lightweight and optimized for speed, SEO, and accessibility. However, if you're looking for an even more streamlined version, you may consider these two Editions we suggest:

To remove everything except a one-page Style Guide:

Just keeps the best parts we recommend:

One-page Style Guide
Lite Edition