Solid
Solid is BuzzFeed's CSS style guide using atomic classes for rapid prototyping and consistent styling, with reusable components.
Score
50
User Rating
1.0
Free/Trial Support
Supported
Starting Price
--
Last Updated
Apr 23, 2026
Overview
What is Solid?
Solid is a CSS framework by BuzzFeed, influenced by Basscss, that uses immutable, atomic CSS classes to quickly prototype and develop features. It provides consistent styling options and flexibility for new layouts without writing extra CSS, along with reusable HTML and CSS components for faster app setup.
What is Solid used for?
Top Features
- Atomic CSS classes
- Reusable components
- Rapid prototyping
- Consistent styling
- Flexible layouts
How to use Solid?
Install via npm: 'npm install --save bf-solid', then use Sass to build Solid into your project. Configure with tools like Grunt for Sass compilation.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Fast development
- No additional CSS needed
- Consistent design
- Easy to integrate
Cons
- No longer actively maintained
- Limited future availability
Use Cases
- Web prototyping
- CSS style guide implementation
- Quick app styling
Solid Pricing
Free Plan
No detailed pricing information available
User Reviews
1.0
out of 5
1.0
No reviews yet
Be the first to review this tool!