Dropbox (S)CSS Style Guide
Dropbox's opinionated (S)CSS authoring style guide for writing maintainable, scalable, and consistent CSS.
What is Dropbox (S)CSS Style Guide?
Dropbox CSS Style Guide is an opinionated set of rules and best practices for writing (S)CSS, created by Dropbox for internal use and shared publicly. It provides detailed conventions for formatting, naming (using BEM), architecture (with namespaced classes), and avoiding common pitfalls to ensure CSS is maintainable and scalable across large teams.
Frontend developers and teams working on large-scale web applications who need a consistent, battle-tested approach to writing CSS that remains manageable over time.
It offers a comprehensive, production-tested style guide from a major tech company, helping teams enforce consistency, reduce CSS debt, and improve collaboration through clear conventions and anti-pattern avoidance.
Overview
Dropbox’s (S)CSS authoring style guide
Use Cases
Best For
- Teams adopting a standardized CSS methodology across projects
- Enforcing consistent code style in large Sass/SCSS codebases
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
