Skip to content

Latest commit

 

History

History
executable file
·
935 lines (649 loc) · 62.6 KB

File metadata and controls

executable file
·
935 lines (649 loc) · 62.6 KB

Gabo's Awesome CSS Frameworks and UI Libraries

Return to Categories

General Purpose

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

7.css is a CSS framework for building interface components that look like Windows 7. It is built on top of the GUI backbone of XP.css, which is an extension of 98.css.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A design system for building faithful recreations of old UIs. 98.css is a CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Amigo CSS is a simple, custom-first and intuitive CSS framework for CSS lovers. The inspiration to create Amigo CSS came from my desire to have a specific set of procedures or a system that would help me to easily create websites. After building so many websites you start noticing a trend of the same things you normally do. For example, doing CSS resets, coming up with a typography and spacing system, picking specific colors, etc.

Biomatic UI - No Official Site

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A Flexible Atomic-Focused CSS Framework. It's Atomic-Focus, carefully naming, configurable, pure CSS, fun and it has basic components included and a clean responsive grid.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

An open source framework for the brutalist web design trend.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Bulma is a free and open source CSS framework based on Flexbox. It's 100% Responsive (Designed for mobile first), Modular (Just import what you need) and Modern (Built with Flexbox).

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Meet the California Design System: This system makes it easy to build digital services that meet the needs of Californians.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

The component library behind the Carbon Design System of IBM.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Centurion is a web-based framework for rapid prototyping and building larger web projects. Centurion is a responsive framework built for speed, simplicity, and flexibility. Originally based loosely on the 960 grid built by Nathan Smith, Centurion boasted a responsive grid system that would help alleviate the headache of building responsive designs. Like all web projects it grew and started to capitalize on several different areas like: typography, buttons, tables, and more in order to create a seamless framework that could allow web developers to start up a new project easily without the need to override every little piece.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Cirrus is designed to be adaptable to existing themes or when starting fresh.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences. Designed for designers and built for developers. From prototype to product, faster and better.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Micro CSS util class for applying inflated fluffy 3D claymorphism styles to elements. Fully customizable and extensible with CSS variables. SASS mixin is also included for even more styling options.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Give up the bloat. Stop tripping over your classes. Be Concise. Concise CSS is a lightweight CSS framework that provides a number of great features without the bloat. Concise CSS provides a solid foundation to stylize your website. It offers an alternative to frameworks like Bootstrap and Foundation, with the difference that Concise only includes the minimum styles required. That does not mean that the features are limited; is possible to use add-ons on top of the core to extend the functionality as required. The core of the framework only includes styles for native HTML elements. Components and utilities are provided as optional add-ons, Concise UI and Concise Utils, respectively.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Tailwind CSS Components. Clean HTML with component classes. Customizable and themeable. Pure CSS, No dependencies.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

The Denali System Language was created by the Platforms and Technology Design team at Verizon Media as a scalable method for designing and developing visually consistent and functional internal products. Denali’s CSS framework allows developers to implement the Denali System Language in their projects. The framework is lightweight and flexible. It supports theming through custom variables which means the visual appearance of Denali’s components can be easily adapted to fit the visual style of any brand. Additionally, components are framework independent allowing you to take what you need and leave the rest.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

FICTOAN is an intuitive, minimalist, responsive HTML+CSS boilerplate. It aims to be an intuitive and design-centric CSS framework for creating and themeing on projects easily. It uses simple and descriptive class names, and yet generic enough to be understood easily.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Fylgja is a component based CSS framework. Allowing you to use only what you need. Each component is build as foundation for a specific component. So you can style it to your own look. Without having to build the base styles every time. Fylgja is powered via SCSS. But can also be used via PostCSS or just as plain CSS. Making it easy to include it in your exciting project, or in your preferred setup.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Fomantic-UI is a community fork of Semantic-UI. Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Flex Row CSS Grid System. Frow is an open source HTML and CSS framework for creating quick & responsive projects on the web, powered by Flexbox.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Halfmoon is a responsive front-end framework, designed for quickly building beautiful dashboards and product pages. Built-in dark mode, optional JavaScript library (no jQuery), Bootstrap like classes, and cross-browser compatibility (including IE11).

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, eCommerce store and much more.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Create responsive web interfaces quick and efficiently. Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

IVORY is a CSS framework, specially created for web applications and committed to improve the experience of users. It gives you all the basic integrants to build your pages faster and easier.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A lightweight, unobtrusive and style-agnostic, CSS framework aimed for practical use cases. Comes with a small footprint and zero bullshit.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Salesforce Lightning Design System. Tailored for building Salesforce apps: Using the Lightning Design System markup and CSS framework results in UIs that reflect the Salesforce Lightning look and feel.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Liquid is a UI component library based on the Liquid Design System, focusing on accessibility and interoperability. It is built with Stencil.js and contains, inter alia, CSS Components and Web Components, bundled in several bundle formats, which you can use in a wide veriaty of plattforms and projects.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

The web is bloated. Trackers, advertisements, third-party JavaScript, custom fonts, unoptimized images, and useless CSS are prevalent on too many websites, all detrimental to user experience. Lissom.CSS is a classless, minimalist, accessible, and themeable CSS library that aims to address the issue of styling web pages.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Mamba UI is a free, open-source collection of beautiful UI elements based on Tailwind CSS that make it easy for anyone to build a website in minutes. Take a look at the kit at www.mambaui.com.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Bootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, design tools & resources.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A design system that fully embraces web standards. Mdash is a new kind of UI library. It's 100% standards-based and it's tiny. Mdash components are comprised of standard HTML, custom HTML, and Custom Elements. As such, Mdash works with any framework (or no framework) and works with all types of web projects: SSR, SPA, PWA, static site, and even popular email clients.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A clean CSS framework made to be dark, responsive and easy to build with.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

MVP.css — Minimalist stylesheet for HTML elements. Out of the box CSS
styling for HTML elements. No class names, no framework to learn.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Perfect UI components and templates. Made with TailwindCSS. Open Source. Fully responsive and accessible.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

NES.css is a NES-style(8bit-like) CSS Framework.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

One-Nexus is a front-end boilerplate and UI toolkit built using the Synergy framework, combined with a custom grid system; Kayzen-GS. Together they form a powerful framework for building responsive websites with modular and configurable components.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

We think quality product experiences should be easy to build and easy to scale, so we provide the tools to make that happen. From documentation and components to code examples and tutorials, PatternFly has it all—and our community of Flyers help make it better every day. This repo contains core (HTML/CSS) implementation for PatternFly.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Minimal UI Component Library by Saurabh Chirde. Build rapid modern websites without ever leaving your HTML with Pebble UI.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A modern, light CSS UI framework developed at Shakr. Petal aims to provide an ample set of consistently designed UI components you can easily utilize in your web projects. Petal is fully coded on LESS from scratch.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Appwrite's open-source design system for building consistent and reusable user interfaces. Pink Design is a CSS library designed for building accessible and visually appealing user interfaces. The library is built with a focus on accessibility, ensuring that users of all abilities can easily interact with your web application. Pink Design offers a wide range of classes and components that can be easily integrated into your project. Whether you're building a complex user interface or a simple web app, Pink Design has everything you need to create a polished and professional look.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Make websites that look like famous note taking app: Notion.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

The CSS design system that powers GitHub. Resources, tooling, and design guidelines for building interfaces with GitHub’s design system

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A set of small, responsive CSS modules that you can use in every web project. Pure is meant to be a starting point for every website or web app. We take care of all the CSS work that every site needs, without making it look cookie-cutter.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A powerful, accessible, developer friendly framework for building responsive websites.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Indiana University’s design system for web application development. A system for designing and building digital interfaces at IU—built with plain HTML, CSS, and JavaScript, Rivet helps teams create familiar and accessible experiences across platforms.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A simple responsive CSS boilerplate.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open-source Tailwind CSS components, and make it easy to build your products.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Semantic is a UI component framework based around useful principles from natural language. Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Simple.css is a classless CSS template that allows you to make a good looking website really quickly. By classless I mean that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Excellent design system for modern user interface design used by developers & designers. Customizable and accessible design system which provides TailwindCSS component class name library to build modern UI.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Skelet. is a contemporary CSS framework which gives you the foundations to start building your next project right away. Skelet. provides a simple, minimal yet solid starting point for websites. Get started quickly with the HTML5 template, or just include skelet.css in your own project.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Spectrum CSS provides a standard CSS implementation of the Spectrum design language for internal and 3rd party use on Adobe's platforms.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

SpryCSS aims to be a simple and customizable CSS Toolkit while being as lightweight as possible (Only 12kb gzipped). The goal is to remove the messy and tedious task of coming up with class names for elements that just need simple layout styles and provide basic components to help you get up and running fast, but not try to do everything which can bloat your project. If an element needs more then just the basic utility styles then that element most likely should have a custom class name and custom styles in your CSS files.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

An open-source, lightweight and modern CSS framework, design system built on Sass. Give your project a solid foundation.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Stacks is Stack Overflow’s design system. It includes the resources needed to create consistent, predictable interfaces and workflows that conform to Stack Overflow’s principles, design language, and best practices. Our documentation is built with Stacks itself, using its immutable, atomic classes and components.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Stylify is a library that uses CSS-like selectors to generate optimized utility-first CSS dynamically based on what you write. Don't study framework. Focus on coding.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

System.css is a CSS library for building interfaces that resemble Apple's System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Functional css for humans. Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible. Built for designing.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Huge collection of Tailwind components, sections and templates.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A CSS survival kit. Includes only the essentials to make camp. Pulling inspiration from outdoor survival, Tent CSS is unglamorously simple and robust. The framework is designed to be used as a foundation for building websites. We'll leave application and kitchen sink development to other frameworks.

TuiCss - No Official Site

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Text-based user interface CSS framework focused to create web applications using an interface based in ASCII table, like MS-DOS applications. This kind of interface is very eligible because the ultra-contrast colors used and the less effects of the elements.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A minimally invasive CSS framework for modern web applications. Vital is a reverse approach to "everything and the kitchen sink" CSS frameworks. Vital is built with Sass, the preferred CSS preprocessor of today. No ridiculous amounts of classes or nesting. No excessively buried code. Written almost entirely in emvalues, allowing for easy and consistent scaling. Light as a feather: At a total size of just 23 KB minified or 6 KB gzipped, Vital loads and renders quickly.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Wanda is Wonderflow’s open-source design system built for digital products and experiences.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Utility and component-centric Design System based on Bootstrap 5 for fast, responsive UI development.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

A design system for building faithful recreations of old UIs. XP.css is an extension of 98.css. A CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.

JS Dependency GitHub last commit GitHub tag GitHub stars GitHub issues

Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla js. It helps you build interfaces with advanced interactions and animations.

Return to Categories