Search Results for "css"
Sort By:
Showing 891 open source projects for "css"
View related business solutions-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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. -
4
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. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
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. ... -
6
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. ... -
7
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. -
8
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.
-
9
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. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
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
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. -
12
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. -
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
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). -
15
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). ... -
16
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. ... -
17
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. ... -
18
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. -
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
Electron
Build cross-platform desktop apps with JavaScript, HTML, and CSS
Electron is an open-source framework that uses Node.js runtime and the Chromium web browser thereby allowing you to build apps with JavaScript, HTML, and CSS. It is compatible with Mac, Windows and Linux and comes with convenient features such as automatic updates, app crash reporting, debugging and profiling and more. It takes care of the hard parts so you can focus on the core of your app. Initially developed for the Atom editor, Electron is now the framework of choice for dozens of popular desktop apps including Microsoft's Visual Studio Code. -
21
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. -
22
LaTeX.CSS
LaTeX.css is a library that makes your website look like a LaTeX doc
This almost class-less CSS library turns your HTML document into a website that looks like a LATEX document. Write semantic HTML, and you are good to go. The source code can be found on GitHub. LaTeX.css is a minimal, almost class-less CSS library that makes any website look like a LaTeX document. Add any optional classes to elements with special styles (author subtitle, abstract, lemmas, theorems, etc.). -
23
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples and demonstrations to get you animating in no time. ... -
24
React Bits Library
Open source collection of animated, interactive React components
...It features a large and rapidly growing collection of components — including text effects, background animations, and interactive UI pieces — each designed to be easy to integrate into any modern React project and work seamlessly with popular styling systems like CSS and Tailwind CSS. The library supports both JavaScript and TypeScript variants for many components, giving developers flexibility in how they use and adapt them to their codebase. React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
25
Magnific Popup
Light and responsive lightbox script with focus on performance
...If you wish to open the popup only after image is fully loaded, you may preload image via JS. Or use scaled down image instead of thumbnail. Zoom effect works only with images, for now. Animations are added with simple CSS transitions, you can make them look however you wish. Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window, whatever.
