Types of CSS Frameworks
Framework↕ | Year Released↕ | Author / Company↕ | Approach↕ | Typical Size↕ | Known For↕ |
|---|---|---|---|---|---|
Bootstrap | 2011 | Twitter (Mark Otto, Jacob Thornton) | Component-based | ~160 KB minified | The original dominant CSS framework, jQuery era's default |
Foundation | 2011 | ZURB | Component-based | ~150 KB | Enterprise focused, email templates, emerged alongside Bootstrap |
Semantic UI | 2013 | Jack Lukic | Human-readable classes | ~600 KB | Natural language class names like 'ui primary button' |
Materialize | 2014 | Community | Material Design components | ~140 KB | Google Material Design port for generic web use |
Bulma | 2016 | Jeremy Thomas | Flexbox-only, no JS | ~200 KB | Modern CSS-only framework, clean component naming |
Tachyons | 2014 | Adam Morse | Atomic / functional CSS | ~14 KB | Pioneered the utility-first approach before Tailwind |
Tailwind CSS | 2017 | Adam Wathan | Utility-first | ~10 KB (with purge) | Redefined CSS workflow, dominant in modern React/Vue projects |
Pure.css | 2014 | Yahoo | Minimal modules | ~3.8 KB | Ultra-small modular CSS for basic layouts |
UIkit | 2013 | YOOtheme | Component-based | ~250 KB | Modular and lightweight, popular in European agencies |
Skeleton | 2012 | Dave Gamache | Minimal boilerplate | ~11 KB | Tiny starter framework, grid and basic typography |
Chakra UI | 2019 | Segun Adebayo | React component system | JS bundle varies | Accessibility-first React components with style props |
Mantine | 2021 | Vitaly Rtishchev | React component system | JS bundle varies | Full-featured React UI library, 100+ components |
UnoCSS | 2021 | Anthony Fu | Atomic, on-demand engine | ~0-5 KB | Instant atomic CSS engine, faster than Tailwind JIT |
Windi CSS | 2020 | Voorjaar | On-demand utility | ~5-10 KB | Tailwind compatible with faster build, now largely superseded by UnoCSS |
Pico.css | 2019 | Lucas Larroche | Classless semantic | ~10 KB | No classes needed, style semantic HTML directly |
Open Props | 2022 | Adam Argyle (Google) | CSS custom properties | ~20 KB | Design tokens as CSS variables, framework-agnostic |
DaisyUI | 2021 | Pouya Saadeghi | Tailwind component layer | ~30 KB | Adds semantic component classes on top of Tailwind |
Free to explore · No signup needed
Frequently asked questions
How is the Types Of Css Frameworks list ranked?
The Types of CSS Frameworks list is currently sorted by the source data's default ordering. Community voting is not enabled on this dataset.
How many entries are in this Types Of Css Frameworks dataset?
This dataset contains 17 entries, each with multiple sortable, filterable columns. The full table is visible on this page and can be downloaded as a CSV, JSON, or Excel file.
Can I download the Types Of Css Frameworks data?
Yes. The download buttons at the top of the page give you the full 17-row dataset as CSV, JSON, or Excel. Use of the data is permitted under a Creative Commons Attribution license — credit dtbse.com when you republish.
Related Datasets
More in Technology
JavaScript Frameworks
Popular JavaScript and TypeScript frameworks and libraries for frontend, backend, and full-stack development.
Cloud Storage
Cloud Storage
Website Builders & CMS
Website Builders & CMS
Internet Users by Country
Percentage of the population using the internet, by country.
Web Browsers
Chrome, Firefox, Safari, Arc — which browser deserves your default spot?
Mobile Video Editors
Mobile Video Editors
AI Models & LLMs Ranked
GPT-4, Claude, Gemini, Llama — the AI models reshaping civilization, ranked by the humans they might replace.
Photo Editing Tools
Photo Editing Tools
Programming Languages — The Definitive List
From FORTRAN to Rust — every major programming language ranked by the people who actually use them.
Web Hosting
Web Hosting (Cloud & Shared)
Essential Phone Apps
The apps that define modern smartphone life — from communication to productivity to time-wasting.
Headphone Brands
Leading headphone and audio brands spanning consumer, audiophile, and professional segments.