Search Results for "css"
Sort By:
Showing 2266 open source projects for "css"
View related business solutions-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
-
Photo and Video Editing APIs and SDKsUnlock Picsart's full editing suite by embedding our Editor SDK directly into your platform. Offer your users the power of a full design suite without leaving your site.
-
1
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. Many examples lean on contemporary features—custom properties... -
2
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. Each exercise focuses on practical styling problems, from selectors and specificity to layout...
-
3
Tailwind CSS
A utility-first CSS framework for rapid UI development
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system... -
4
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. Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax... -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
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. Starting with version 4.0.0, absolute paths are parsed based on the server... -
6
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. -
7
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. This page will guide you through that process, but accessibility is a primary goal of this project. It does not ship with any JavaScript, so it is compatible... -
8
parcel/css
A CSS parser, transformer, and minifier written in Rust
A CSS parser, transformer, and minifier written in Rust. Parsing and minifying large files are completed in milliseconds, often with significantly smaller output than other tools. Many other CSS parsers treat property values as an untyped series of tokens. This means that each transformer that wants to do something with these values must interpret them itself, leading to duplicate work and inconsistencies. @parcel/css parses all values using the grammar from the CSS specification and exposes... -
9
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. Each lesson is supported by examples and code that demonstrate real-world use cases... -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
11
Modular CSS Layout for Obsidian
CSS Layout hack for Obsidian.md
This is a repository for modular CSS layout hacks for use with Obsidian.md. It's meant to complement/assist Community Theme, focusing solely on providing an alternative layout to standard width and standard top-bottom block view. I mainly do casual tests on select popular themes like ITS, Primary, Shimmering Focus, Prism, and Minimal. Need your help to let me know if there's anything not working right. Do log in to MCL GH Issue if you find anything not working properly. Modular CSS Layout (MCL... -
12
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... -
13
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... -
14
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. The project supports common card types (basic, stage, trainer, etc.), and includes... -
15
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. -
16
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... -
17
css.gg
Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite
700 Precise and Detailed UI Icons, provided with well-organized Figma components library. All icons are available as components on assets from where you can search for a sigle icon or browse categories. All icons are available as components. By default all the CSS, SCSS icons inherit the color from the parent by using currentColor attribute how ever you can apply any color you like. You need to define width and height in order for this to work. Afterwards you can just create a div. By default... -
18
Apache NetBeans
Apache NetBeans
Apache NetBeans is much more than a text editor. It highlights source code syntactically and semantically, lets you easily refactor code, with a range of handy and powerful tools. Apache NetBeans provides editors, wizards, and templates to help you create applications in Java, PHP and many other languages. Apache NetBeans can be installed on all operating systems that support Java, i.e, Windows, Linux, Mac OSX and BSD. Write Once, Run Anywhere, applies to NetBeans too. -
19
Dompdf
HTML to PDF converter for PHP
dompdf is an HTML to PDF converter. At its heart, dompdf is (mostly) a CSS 2.1 compliant HTML layout and rendering engine written in PHP. It is a style-driven renderer, it will download and read external stylesheets, inline style tags, and the style attributes of individual HTML elements. It also supports most presentational HTML attributes. PDF rendering is currently provided either by PDFLib or by a bundled version the R&OS CPDF class written by Wayne Munro. (Some important changes have been... -
20
Font Awesome
Get vector icons and social logos for your website or blog
Font Awesome was created in a successful Kickstarter and is an easy way for web developers to add icons and logos to their website. There is both a free version and a pro version for extra features and icons. You can support the developers by buying a custom FontAwesome T-Shirt! https://fontawesome.com/shirts -
21
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. -
22
Spicetify
Command-line tool to customize Spotify client
Command-line tool to customize the official Spotify client. Supports Windows, MacOS, and Linux. Change the colors whole UI. Inject CSS for advanced customization. Inject Extensions (Javascript script) to extend functionalities, manipulate UI, and control the player. Inject Custom apps. Remove bloated components to improve performance. -
23
Swagger UI
HTML, JavaScript, and CSS assets that generate Swagger documentation
Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API. Simplify API development for users, teams, and enterprises with the Swagger open source and professional toolset. Find out how Swagger can help you design and document your APIs at scale. The power of Swagger tools starts with the OpenAPI Specification — the industry standard for RESTful API design. Individual tools to create, update and share OpenAPI... -
24
Abaddon
An alternative Discord client with voice support made with C++ and GTK
Alternative Discord client made in C++ with GTK. Abaddon tries its best (though is not perfect) to make Discord think it's a legitimate web client. Some of the things done to do this include: using a browser user agent, sending the same IDENTIFY message that the official web client does, using API v9 endpoints in all cases, and not using endpoints the web client does not normally use. There are still a few smaller inconsistencies, however. For example the web client sends lots of telemetry... -
25
Vite
Next generation frontend tooling. It's fast!
Get ready for a development environment that can finally catch up with you. On-demand file serving over native ESM, no bundling required! Hot Module Replacement (HMR) that stays fast regardless of app size. Out-of-the-box support for TypeScript, JSX, CSS and more. Pre-configured Rollup build with multi-page and library mode support. Rollup-superset plugin interface shared between dev and build. Flexible programmatic APIs with full TypeScript typing. Vite (French word for "quick", pronounced...
