Solid Design System
A design system for web development with Bootstrap 4, inspired by material design.
Overview:
Solid Design System is a feature-complete design system inspired by Google's Material Design and powered by Bootstrap 4. It offers custom-styled components, handcrafted sections, and ready-to-go example pages. Solid extends Bootstrap with plugins like a date & time picker, parallax, lightbox, carousels, tags, and icons from Font Awesome. It also features a powerful build workflow with GulpJS, allowing for SASS CSS (SCSS) stylesheets and minified CSS, JavaScript, and images for optimal speed. Solid is extensively documented, making it easy to use for developers. There are two versions available - the standard version and the PRO version, which offers even more components, plugins, sections, example pages, and premium support.
Features:
- Custom-styled components inspired by Material Design and powered by Bootstrap 4.
- Extends Bootstrap with plugins like date & time picker, parallax, lightbox, carousels, tags, and Font Awesome icons.
- Powerful build workflow using GulpJS for optimized CSS, JavaScript, and image minification.
- Standard version includes a lot of components and functionality, while PRO version extends upon it with more features and premium support.
- Includes 34 prebuilt handcrafted sections for easy project building.
- Provides example pages such as landing page, login page, error pages, blog list, blog article, and pricing page.
Download from GitHub:
- Clone the repo using the following command:
git clone https://github.com/vantagedesign/solid-design-system.git - Follow the "Getting started" steps in the documentation.
Purchase and download PRO version:
- Visit the Store page or Store page PRO version to purchase the PRO version of Solid Design System.
- After purchasing, download the PRO version.
- Follow the "Getting started" steps in the documentation.
Summary:
Solid Design System is a comprehensive design system that combines the power of Bootstrap with the aesthetics of Material Design. It offers a wide range of custom-styled components, plugins, handcrafted sections, and example pages to help developers create beautiful and functional designs. The PRO version extends the standard version with even more features and provides premium support. With its powerful build workflow and extensive documentation, Solid Design System is a valuable tool for developers looking to create visually appealing and fast websites.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.