Search Results for "css"
Sort By:
Showing 2418 open source projects for "css"
View related business solutions-
Collect! is a highly configurable debt collection softwareThe flexible & scalable debt collection software built to automate your workflow. From startup to enterprise, we have the solution for you.
-
The Most Powerful Software Platform for EHSQ and ESG ManagementChoose from a complete set of software solutions across EHSQ that address all aspects of top performing Environmental, Health and Safety, and Quality management programs.
-
1
Tailwind CSS
A utility-first CSS framework for rapid UI development
...Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project. Tailwind automatically removes all unused CSS when building for production, which means your final CSS bundle is the smallest it could possibly be. In fact, most Tailwind projects ship less than 10kB of CSS to the client. -
2
Orbit CSS
First framework to create radial interfaces using only CSS
Orbit is a CSS framework designed to create radial UI designs effortlessly. It provides intuitive CSS classes and standard web components for building radial menus, dashboards, creative portfolios, or cutting-edge applications. Orbit harnesses the power of space-inspired metaphors to simplify learning. By leveraging concepts like Big Bang, orbits, satellites, gravitational centers, and gravitational force, Orbit tries to make it easier to grasp abstract ideas, allowing users to have an idea of Orbit before starting to use it. -
3
css-loader
CSS Loader
The CSS-loader interprets @import and URL() like import/require() and will resolve them. Add the plugin to your webpack config. Run webpack via your preferred method. Allows to enable/disable handling the CSS functions URL and image-set. If set to false, CSS-loader will not parse any paths specified in URL or image-set. A function can also be passed to control this behavior dynamically based on the path to the asset. -
4
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
The AI workplace management platformBy combining AI workflows, predictive intelligence, and automated insights, OfficeSpace gives leaders a complete view of how their spaces are used and how people work. Facilities, IT, HR, and Real Estate teams use OfficeSpace to optimize space utilization, enhance employee experience, and reduce portfolio costs with precision.
-
5
7.css
A JS-independent, tree-shakeable CSS framework
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. This framework relies on the usage of semantic HTML. To make a button, you'll need to use a button. Input elements require labels. Tabs rely on the role="tab" attribute. -
6
parcel/css
A CSS parser, transformer, and minifier written in Rust
...One of the main purposes of @parcel/css is to minify CSS to make it smaller. This includes many optimizations. -
7
HTML CSS
Curso de HTML5 e CSS3
Tutorial, teaching, or resource collection on HTML and CSS, aimed at beginners. It likely contains sample websites, examples of markup, styling, exercises, and reference materials related to web front-end development using HTML and CSS. CSS styling samples and layout demonstrations. Educational documentation (README, explanations). Structured project examples (e.g. small websites). Version history/incremental improvements. -
8
Primer CSS
The CSS design system that powers GitHub
Our goal is to create a system that enables us to build consistent user experiences with ease, yet with enough flexibility to support the broad spectrum of GitHub websites. This goal is embedded in our design and code decisions. Our approach to CSS is influenced by Object-Oriented CSS principles, functional CSS, and BEM architecture. Styles can be mixed and matched to achieve many different layouts, independent of their location. These styles fall into three categories. Single-purpose, immutable styles, that do one thing well. Abstracted patterns for frequently used visual styles. ... -
9
CSS Reference
Fee visual guide to the most popular CSS properties
CSS Reference is a human-friendly, example-driven reference for CSS that focuses on how properties behave in practice rather than only listing their syntax. Each entry explains what a property does, shows concise examples, and illustrates the visual result so you can internalize concepts quickly. The reference highlights common pitfalls and “gotchas,” helping you avoid surprises when mixing layout modes like Flexbox and Grid or when dealing with overflow and positioning. ... -
MicroStation by Bentley Systems is the trusted computer-aided design (CAD) software built specifically for infrastructure design.MicroStation is the only computer-aided design software for infrastructure design, helping architects and engineers like you bring their vision to life, present their designs to their clients, and deliver their projects to the community.
-
10
The Magic of CSS
A CSS course to turn you into a magician
Magic of CSS is an open source educational project by Adam Schwartz that explores advanced CSS concepts through practical lessons. It is structured as a series of chapters that cover topics like the box model, layouts, positioning, typography, and animations. The repository is designed to go beyond basic CSS tutorials, teaching how to harness the language for complex, responsive, and visually appealing designs. -
11
CSS Protips
A collection of tips to help take your CSS skills pro
The CSS Protips repository is a pragmatic and well-organized collection of tips, tricks, and best practices for writing and structuring CSS — going beyond basic styling to cover nuanced behaviors, performance considerations, cross-browser compatibility, and modern CSS features. It’s aimed at web developers who already know the basics of CSS but want to level up to writing more maintainable, robust, and scalable style sheets. -
12
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. -
13
This repository provides a set of hands-on CSS exercises that accompany the HTML and CSS modules in The Odin Project curriculum. The tasks are designed to be completed at specific points in the course, reinforcing each concept right after it is introduced. Learners are encouraged to use documentation and external resources freely, reflecting real-world workflows rather than rote memorization.
-
14
Master CSS
A markup-driven CSS language with enhanced syntax
Efficiently build your UI and design system with HTML only. The styles are pre-configured and optimized, so you can build whatever you want right away. Master CSS provides various compilation modes, allowing you to choose according to the characteristics and needs of different projects. Want to rapidly add filter, transform, and grid ? We've provided shorthand values like scale(2), blur(5) to make it easier for you to implement modern CSS effects. Never thought to use CSS selectors like :hover, :before, ::placeholder, and :where() directly in HTML? ... -
15
css-doodle
A web component for drawing patterns with CSS
<css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. -
16
GitHub Markdown CSS
The minimal amount of CSS to replicate the GitHub Markdown
A minimal CSS library replicating GitHub’s Markdown rendering styles. Simply apply github-markdown.css and wrap content in .markdown-body to inherit styling—auto light/dark theme detection with size constraints for responsive layout. -
17
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
CSS Grid Generator is a visual tool built to help web designers and developers quickly create CSS Grid layout code without writing the grid definitions manually. You select the number of columns, rows, and units (e.g., fr, px, %), then visually drag and place items, resize them and position them within the grid to prototype layouts by hand. -
18
Must-Watch CSS
CSS Grid, flexbox, custom variables, performance, frameworks
Must-Watch CSS is a curated collection of high-quality recorded talks and presentations about CSS, covering both foundational topics (like layout, Flexbox, Grid) and more advanced or modern concerns (such as performance, tooling, CSS variables, animations, and architecture). Rather than being a code library, it serves as a learning resource — a “watch-list” for front-end or UI developers who want to deepen their understanding of CSS beyond basic syntax. ... -
19
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. -
20
flag-icon-css
A collection of all country flags in SVG
A collection of all country flags in SVG, plus the CSS for easier integration. You can either download the whole project as is or install it via Bower or NPM. Run the npm install to install the dependencies after cloning the project and you'll be able to watch for changes and live reload if served, to build *.less files, to serve it on localhost:8000, and to have only specific countries in the css file, for which you will need to remove the ones that you don't need from the flag-icon-list.less file and build it again. -
21
Modular CSS Layout for Obsidian
CSS Layout hack for Obsidian.md
...Do log in to MCL GH Issue if you find anything not working properly. Modular CSS Layout (MCL) snippets are meant to provide useful layout options as a complement to the default theme or your chosen community theme. It focuses on working with Obsidian’s CSS classes and HTML structure to achieve the intended layout; which also means it won’t do any color-theme changes. -
22
Bootstrap
HTML, CSS and JS framework for developing responsive websites and apps
Bootstrap is an HTML, CSS, and JS framework designed for developing responsive, mobile first projects on the web. It's one of the most popular front-end frameworks and for good reason: it simply makes web development faster and easier. People of all skill levels can create projects of all sizes with Bootstrap, and for all types of devices too. With Bootstrap, you get a host of nifty features such as precompiled CSS, impressive scalability, dozens of custom HTML and CSS components and more. -
23
Sanitize
Ruby HTML and CSS sanitizer
Sanitize is an allowlist-based HTML and CSS sanitizer. It removes all HTML and/or CSS from a string except the elements, attributes, and properties you choose to allow. Using a simple configuration syntax, you can tell Sanitize to allow certain HTML elements, certain attributes within those elements, and even certain URL protocols within attributes that contain URLs. You can also allow specific CSS properties, @ rules, and URL protocols in elements or attributes containing CSS. ... -
24
Critical
Extract & Inline Critical-path CSS in HTML pages
Critical extracts & inlines critical-path (above-the-fold) CSS from HTML. Generate and inline critical-path CSS. Generate critical-path CSS. Generate and minify critical-path CSS. Generate, minify and inline critical-path CSS. Generate and return output via callback. Generate and return output via promise. When your site is adaptive and you want to deliver critical CSS for multiple screen resolutions this is a useful option. note, (your final output will be minified as to eliminate duplicate rule inclusion). ... -
25
PostCSS
A tool for transforming CSS with JavaScript
PostCSS is a tool for transforming styles with JS plugins. These plugins can do a great number of things: transpile future CSS syntax, lint your CSS, support variables and mixins, and so much more. PostCSS works by taking a CSS file and providing an API to analyze and modify its rules (through its transformation into an Abstract Syntax Tree). The API can then be used by plugins to do a lot of useful things. With PostCSS, you can increase code readability by adding vendor prefixes to CSS rules; convert modern CSS so it's understood by more browsers; and avoid errors in your CSS via stylelint, a modern CSS linter. ...
