Search Results for "css"
Sort By:
Showing 886 open source projects for "css"
View related business solutions-
MaintainX is the world-leading mobile-first workflow management platform for industrial and frontline workers.Your day-to-day maintenance tasks, simplified. MaintainX eliminates the paperwork, so you can spend less time on your clipboard and more time getting things done.
-
Instant Remote Support Software. Unattended Remote Access Software.Zoho Assist is cloud-based remote support and remote access software that helps you support customers from a distance through web-based, on-demand remote support sessions. Set up unattended remote access and manage remote PCs, laptops, mobile devices, and servers effortlessly. A few seconds is all you need to establish secure connections to offer your customers remote support solutions.
-
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
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. -
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
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. -
Easy management of simple and complex projectsPlan more projects with Worksection. Use Gantt chart and Kanban boards to organize your projects, get your team onboard and assign tasks and due dates.
-
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
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. ... -
7
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. ... -
8
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. -
9
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.
-
Monitoring, Securing, Optimizing 3rd party scriptsc/side is crawling many sites to get ahead of new attacks. c/side is the only fully autonomous detection tool for assessing 3rd party scripts. We do not rely purely on threat feed intel or easy to circumvent detections. We also use historical context and AI to review the payload and behavior of scripts.
-
10
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. -
11
Custom CSS and JS
Custom CSS Plugin for Visual Studio Code. Based on vscode-icon
Custom CSS and JS is a Visual Studio Code extension that allows users to inject custom CSS and JavaScript into the editor interface, enabling deep visual and behavioral customization beyond what standard themes provide. The tool works by modifying VS Code’s internal styling system, allowing developers to override UI elements such as fonts, colors, spacing, and layout with their own stylesheets. -
12
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. -
13
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. -
14
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). ... -
15
Autoprefixer
Parse CSS and add vendor prefixes to CSS rules by Can I Use
PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba. Write your CSS rules without vendor prefixes (in fact, forget about them entirely). Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer. -
16
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. ... -
17
stylex-jsx
Full CSS support for JSX without compromises
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch. Blazing fast and optimized CSS rules injection system based on the CSSOM APIs. Full CSS support, no tradeoffs in power. Runtime size of just 3kb (gzipped, from 12kb). -
18
iCSS
More than CSS
iCSS is a large curated repository of advanced CSS techniques, creative experiments, and deep dives into modern web animation and styling capabilities. Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. ... -
19
goober
A less than 1KB css-in-js solution
As the subtitle notes, this is the smallest and fullest featured css-in-js solution out there. Weighing at 1KB and once bundled it's gonna be less due to tree-shake. goober does more with less! Since the code measure less in size, it's served, read and ran quicker. goober is built on the shoulders of well-established solutions. That means the API has been paved and we need to follow it. You'll find as, forwarded, CSS, keyframes, styled and so much more. -
20
Oruga UI
Oruga is a lightweight library of UI components without CSS framework
Oruga is a lightweight library of UI components without CSS framework dependency. CSS framework agnostic: No dependency on a specific CSS framework/library but you can easily integrate the components with one of them because they are fully customizable in different ways. Components with steroids: most of the components aren't a simple wrapper of native elements but they add new and custom features. -
21
stylus
Expressive, robust, feature-rich CSS language built for nodejs
Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style. Installing Stylus is very easy once you have Node.js. So get the binaries for your platform and make sure that they also include npm, Node’s package manager. Stylus features powerful in-language function definitions. Function definitions appear identical to mixins; however, functions may return a value. -
22
Webpack Encore
A simple but powerful API for processing and compiling assets
Symfony ships with a pure-JavaScript library, called Webpack Encore, that makes it a joy to work with CSS and JavaScript. You can use it, use something else, or create static CSS and JS files in your public/ directory directly and include them in your templates. Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS, and compiling and minifying assets. ... -
23
JSS
An authoring tool for CSS which uses JavaScript as a host language
...Try a Hello World example on CodeSandbox. JSS generates actual CSS, not Inline Styles. It supports every existing CSS feature. CSS rules are created once and reused across the elements using its class name in contrary to Inline Styles. Also, when DOM elements get updated, previously created CSS rules are applied. JSS generates unique class names by default. It allows avoiding the typical CSS problem, where everything is global by default. -
24
sakura
A minimal CSS framework/theme
...Easy to customize and build on top of sakura. Sakura supports extremely easy theming support using variables for duotone color scheming. Comes with several existing themes, and can be found in the CSS folder of this repository. Don't want to develop using sakura, but instead want to use it on websites with outdated 90's design (i.e. no CSS)? Quick prototyping, especially when working on backend sites and can't yet be bothered to fidget with CSS/HTML. Building a quick (but pretty) site/blog for your best friend or aunt! No need to remember tons of different class names for every other CSS framework. ... -
25
Pushy jQuery
Pushy is a responsive off-canvas navigation menu using CSS transforms
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium. Pushy has been implemented on many sites, check them out! Feel free to contact me if you use Pushy in one of your websites. Pushy has been featured on the Treehouse Show and in a book.
