BEM Alternatives & Competitors

Syntatically Awesome Style Sheets.

Key Sass features:

Nesting Variables Mixins Partials and Import

Open Source

styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.

Key styled-components features:

Component-Scoped Styling Dynamic Styling CSS Syntax Automatic Vendor Prefixing

Open Source

Generate eye-catching YouTube thumbnails with AI. Face-aware generation, style cloning, and instant variations. Boost your click-through rates with ThumbnailCreator.com.

Key ThumbnailCreator features:

AI YouTube Thumbnails URL to Thumbnail Face Swap

Try for free paid Free Trial

A utility-first CSS framework for rapidly building custom user interfaces.

Key Tailwind CSS features:

Utility-First Approach Customization Consistent Design Responsive Design

Open Source

Simple and flexible HTML, CSS, and JS for popular UI components and interactions.

Key Bootstrap features:

Responsive Design Pre-designed Components Cross-browser Compatibility Extensive Documentation

Open Source

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Key Storybook features:

Component Isolation Live Component Demos Improved Documentation Supports Multiple Frameworks

Open Source

stylelint is a modern CSS linter.

Key stylelint features:

Highly Configurable Extensive Rule Set Plugin Support Active Community and Maintenance

Open Source

CSS-Tricks is a website about websites.

Key CSS-Tricks features:

Comprehensive Content Expert Authors Community Engagement Regular Updates

A game for learning CSS grid layout.

Key CSS Grid Garden features:

Interactive Learning Practical Exercises Visual Feedback Step-by-Step Progression

Open Source

SUIT CSS is a CSS preprocressor for component based UI development.

Key SUIT CSS features:

Modular Architecture Conventions and Naming Maintainability Compatibility

Open Source

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Key Bulma features:

Simple and Elegant Design Responsive Layouts Ease of Use BEM Methodology

Open Source

A JavaScript library for building user interfaces.

Key React features:

Component-Based Architecture Virtual DOM Strong Community and Ecosystem JSX Syntax

Open Source

Blazing fast, zero configuration web application bundler.

Key Parcel features:

Zero Configuration Fast Bundling Out-of-the-box support for many file types Hot Module Replacement (HMR)

Open Source

A game for learning CSS flexbox.

Key Flexbox Froggy features:

Interactive Learning Visual Feedback Gamified Experience Progressive Difficulty

Open Source