StackShareStackShare
Follow on
StackShare

Discover and share technology stacks from companies around the world.

Follow on

© 2025 StackShare. All rights reserved.

Product

  • Stacks
  • Tools
  • Feed

Company

  • About
  • Contact

Legal

  • Privacy Policy
  • Terms of Service
  1. Stackups
  2. Application & Data
  3. Frameworks
  4. Bootstrap Tools
  5. Shards UI Kit vs Solid design system

Shards UI Kit vs Solid design system

OverviewComparisonAlternatives

Overview

Shards UI Kit
Shards UI Kit
Stacks2
Followers13
Votes0
GitHub Stars1.7K
Forks211
Solid design system
Solid design system
Stacks8
Followers18
Votes3
GitHub Stars61
Forks4

Shards UI Kit vs Solid design system: What are the differences?

Shards UI Kit: A free and modern UI kit based on Bootstrap 4. Shards is a free and modern Bootstrap 4 UI toolkit that comes packed with 2 pre-built landing pages and 11 custom components; Solid design system: UI kit for Bootstrap 4, inspired by Material Design. It is a feature-complete design system, inspired by Google's Material Design and powered by Bootstrap 4. It features a ton of custom-styled components, handcrafted sections and beautiful ready-to-go example pages. It builds upon and extends Bootstrap with plugins such as a date & time picker, parallax, lightbox, carousels, tags, icons from Font Awesome, and more.

Shards UI Kit and Solid design system can be primarily classified as "Bootstrap" tools.

Shards UI Kit is an open source tool with 1.6K GitHub stars and 184 GitHub forks. Here's a link to Shards UI Kit's open source repository on GitHub.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs
CLI (Node.js)
or
Manual

Detailed Comparison

Shards UI Kit
Shards UI Kit
Solid design system
Solid design system

Shards is a free and modern Bootstrap 4 UI toolkit that comes packed with 2 pre-built landing pages and 11 custom components.

It is a feature-complete design system, inspired by Google's Material Design and powered by Bootstrap 4. It features a ton of custom-styled components, handcrafted sections and beautiful ready-to-go example pages. It builds upon and extends Bootstrap with plugins such as a date & time picker, parallax, lightbox, carousels, tags, icons from Font Awesome, and more.

- The kit has a modern design system with subtle micro-interactions. - Packed with two pre-built landing pages and 11 extra custom components. - Compatible with both Material and FontAwesome icon packs. - Tiny, with its CSS weighting only 12.41 kb minified and gzipped. - Responsive by default. - Well documented. - Absolutely free!
A ton of components; Handcrafted sections; Beautiful example pages
Statistics
GitHub Stars
1.7K
GitHub Stars
61
GitHub Forks
211
GitHub Forks
4
Stacks
2
Stacks
8
Followers
13
Followers
18
Votes
0
Votes
3
Pros & Cons
No community feedback yet
Pros
  • 1
    High quality code and design
  • 1
    Well documented
  • 1
    Many styled components
Integrations
Bootstrap
Bootstrap
No integrations available

What are some alternatives to Shards UI Kit, Solid design system?

Bootstrap Studio

Bootstrap Studio

Bootstrap Studio has an intuitive drag and drop interface, which is designed to make you more productive.

Pingendo

Pingendo

Create quality HTML prototypes quickly, using popular open source tools like Bootstrap, LESS, Fontawesome and more.

Gridbox

Gridbox

Most Bootstrap Builders focus on generating Websites but we've built Gridbox specially for Creating Faster Web Apps UI.

Bootswatch

Bootswatch

Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.

Bootstrap.build

Bootstrap.build

a web app to create custom Bootstrap themes and export them to a SASS variables file or a brand new Bootstrap build. Enjoy inline code editor, Sketch-like color picker, +/- buttons for unit variables, SASS variables typeahead and Google fonts integration. Open Source

Related Comparisons

Bootstrap
Materialize

Bootstrap vs Materialize

Laravel
Django

Django vs Laravel vs Node.js

Bootstrap
Foundation

Bootstrap vs Foundation vs Material UI

Node.js
Spring Boot

Node.js vs Spring-Boot

Liquibase
Flyway

Flyway vs Liquibase