Documentation - Introduction.
Discover Marssel: an intelligent, minimal configuration CSS framework designed for fast interfaces and a simplified developer experience.
Startup
Basic concepts
Utilities
Introduction
Marssel is a modern and powerful CSS-in-JS framework that allows you to create elegant web interfaces with intuitive syntax based on utility classes.
What is Marsel?
Marssel is designed to provide a seamless development experience by combining:
- Compact syntax: Use short, memorable classes to style your elements
- A theme system: Native support for light/dark themes with full customization
- Ready-to-use components: Modals, Carousels, Tooltips, Toasts and more
- Optimized performance: Generate CSS on demand with intelligent lazy loading
- Responsive by default: Intuitive breakpoints for all screens
Why choose Marsel?
Ease of use
Natural and intuitive syntax that makes code readable and maintainable. Learn once, use everywhere.
Flexible themes
Complete theme system with native light/dark mode support and unlimited customization of your colors.
Lightweight and efficient
CSS generation on demand with lazy loading. Only used styles are generated for minimal bundle and optimal performance.
Who is Marsl for?
Marssel is suitable for all types of projects:
- Static websites
- Dynamic web applications
- Rapid prototypes
- Complex design systems