A modern CSS reset that normalizes browser inconsistencies while preserving useful styles, sized under 1kb.
Gardevoir is a modern CSS reset that normalizes browser inconsistencies while preserving useful default styles. It provides a consistent baseline for web projects by fixing cross-browser issues and applying sensible defaults like `box-sizing: border-box`. The reset is designed to be lightweight, under 1kb, and production-ready with tested browser support.
Frontend developers and web designers who need a reliable, minimal CSS reset to ensure consistent styling across browsers without starting from scratch.
Developers choose Gardevoir for its balance of normalization and preserved useful styles, its tiny footprint, and built-in browser fixes. It combines the benefits of normalize.css with additional optimizations like global box sizing, all in a single, maintainable package.
The Modern CSS Reset 🚀
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Includes all normalizations from normalize.css, addressing thousands of browser inconsistencies without additional setup, as highlighted in the feature comparison table.
Weighs approximately 0.8kb, optimized for fast loading and minimal performance impact, with ongoing efforts to reduce it further.
Applies `box-sizing: border-box` globally, making element sizing more predictable and reducing common layout bugs.
Built with browser support testing and continuous integration, ensuring stable and reliable deployment for live projects.
Offers customizable settings to adjust browser compatibility, allowing adaptation to specific project requirements.
Generating minified or customized versions requires Sass compilation, adding a build step that simpler resets like normalize.css avoid, as noted in the comparison table.
Custom stylesheets must be linked after Gardevoir to avoid overrides, a common pitfall that can lead to styling issues if overlooked, as warned in the usage section.
Retains some useful browser styles rather than removing all, which might not suit projects needing a completely clean slate, unlike more aggressive resets.
As a newer tool, it has fewer community resources and less extensive real-world testing compared to established alternatives like normalize.css or sanitize.css.