Search Results for "css color"
Sort By:
Showing 138 open source projects for "css color"
View related business solutions-
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.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
Tailwind CSS
A utility-first CSS framework for rapid UI development
...Because Tailwind is so low-level, it never encourages you to design the same site twice. 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
Primer CSS
The CSS design system that powers GitHub
...Primer CSS is built upon systems that form the foundation of our styles such as spacing, typography, and color. This systematic approach helps ensure our styles are consistent and interoperable with each other. The base-8 spacing scale is highly composable and works with the density of GitHub’s content. Margin and padding spacers bring consistency to vertical and horizontal rhythm. -
3
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... -
4
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. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
AtlantaFX
Modern JavaFX CSS theme collection with additional controls
Modern JavaFX CSS theme collection with additional controls. -
6
pageres
Capture website screenshots
...No need for a wrapper plugin. pageres offers a wide variety of options, for example, you can Delay capturing the screenshot, which is useful when the site does things after load that you want to capture. You can also apply custom CSS to the webpage, and specify some CSS or the path to a CSS file. Or apply custom JavaScript to the webpage. You can set background color to transparent instead of white if no background is set. You can also pass in the w3counter keyword to use the ten most popular resolutions from w3counter. -
7
Pickr
Flat, simple, multi-themed, responsive Color-Picker library
Flat, simple, multi-themed, responsive, and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more. -
8
Nuxt UI
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS
Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt. Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly. Change the style of any component in your App Config or customize them specifically through the ui prop. Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop. Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app. -
9
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. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
Pico.css
Minimal CSS Framework for semantic HTML
...A classic company or blog layout with a sidebar. A simple layout for Google Amp, with inlined CSS. -
11
Lip Gloss
Style definitions for nice terminal layouts
Style definitions for nice terminal layouts. Built with TUIs in mind. Lip Gloss takes an expressive, declarative approach to terminal rendering. Users familiar with CSS will feel at home with Lip Gloss. The terminal's color profile will be automatically detected, and colors outside the gamut of the current palette will be automatically coerced to their closest available value. The terminal's background color will automatically be detected and the appropriate color will be chosen at runtime. There are also shorthand functions for defining borders, which follow a similar pattern to the margin and padding shorthand functions. ... -
12
Whirlwind
Ridiculously fast, fully asynchronous, sharded hashmap for Rust
Collection of thread-safe, asynchronous data structures. Whirlwind is a lightweight CSS framework focused on performance and simplicity, offering developers a minimal approach to styling web applications. -
13
react-md
An accessible React component library built from the Material Design
React material design, an accessible React component library built from the Material Design guidelines in Sass. The styles can be configured both compile-time and run-time by the configurable SCSS variables and the usage of CSS Variables as well as ensuring that the last defined styles take precedence. In addition, since accessibility is a focus for this library, the theming will automatically attempt to fix color contrast ratios for you to meet at least the AA requirements along with right to left language support. -
14
HTML Color Picker
A modern color picker component for vanilla HTML, CSS, and JS.
A modern color picker component for vanilla HTML, CSS, and JavaScript. Codepen: https://codepen.io/Northstrix/pen/RNaNPXG GitHub repository: https://github.com/Northstrix/color-picker Credit The existence of this component wouldn't've been possible without the following: https://21st.dev/community/components/uplusion23/color-picker/color-picker-with-swatches-and-onchange https://www.scrollxui.dev/docs/components/toggle-vault https://codepen.io/sfrisk/pen/NPWELrw https://codepen.io/web-dot-dev/pen/gbOKyRZ https://www.perplexity.ai/ -
15
Dashy
A self-hostable personal dashboard built for you
Dashy is an open-source, highly customizable, easy-to-use, privacy-respecting dashboard app. With tons of built-in themes to choose form, plus a UI color palette editor, you can have a unique-looking dashboard in no time. There is also support for custom CSS, and since all properties use CSS variables, it is easy to override. Dashy can auto-fetch icons from the favicon of each of your apps/ services. There is also native support for Font Awesome, Material Design Icons, emoji icons and of course normal images. ... -
16
sakura
A minimal CSS framework/theme
Just drop in sakura.css to any webpage and go from ugly looking 1900s website to a pretty modern website in literally 0 seconds. 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! ... -
17
Terminus
A terminal for a more modern age
Terminus is a highly configurable terminal emulator for Windows, macOS and Linux. Features an integrated SSH client and connection manager. Provides theming and color schemes, fully configurable shortcuts, and split panes. Remembers your tabs. With PowerShell (and PS Core), WSL, Git-Bash, Cygwin, Cmder and CMD support. Enables direct file transfer from/to SSH sessions via Zmodem. Full Unicode support including double-width characters. Terminus doesn't choke on fast-flowing outputs. Allows... -
18
Spark Joy
2000+ ways to add design flair, user delight, and whimsy to products
Spark Joy is a large curated collection of resources for adding visual polish, personality, and enjoyable interactions to digital products. It gathers more than 2,000 tools, examples, libraries, articles, and references rather than providing a single software package. The collection spans CSS frameworks, layouts, typography, color systems, backgrounds, icons, diagrams, illustrations, and individual interface elements. It also covers animation, onboarding, empty states, accessibility checks, design software, Canvas, WebGL, and 3D experiences. Developers and designers can use it to discover both practical utilities and playful ideas that make interfaces feel more memorable. ... -
19
TACHYONS
Functional CSS for humans
Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible. Everything should be 100% responsive. Everything should be readable on any device. Everything should be as fast as possible. Designing in the browser should be easy. It should be easy to change any interface or part of an interface without breaking any existing interfaces. Doing one thing extremely well promotes reusability and reduces repetition. Documentation helps promote reusability and... -
20
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the... -
21
Less.js
Less, the dynamic stylesheet language
Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less.js, the JavaScript tool that converts your Less styles to CSS styles. Because Less looks just like CSS, learning it is a breeze. Less only makes a few convenient additions to the CSS language, which is one of the reasons it can be learned so quickly. Less gives you the ability to use nesting instead of, or in combination with cascading. ... -
22
Markdown
WeChat Markdown Editor
WeChat Markdown Editor | A highly concise WeChat Markdown editor, that supports Markdown syntax, color palette selection, multi-image upload, one-click document download, custom CSS style, one-click reset, and other features. Markdown documents are automatically rendered into WeChat graphics and text in real-time, so you no longer have to worry about the typesetting of WeChat articles! As long as you know the basic Markdown syntax, you can make a simple and beautiful WeChat graphic. ... -
23
phosphor-react
A flexible icon family for React
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. We designed the icon library we always wanted to use. Easy to pick up and plug in. Truly consistent in style and scale. Flexible to multiple sizes and weights. Reserved enough to be multi-purpose, but a little quirky, too. Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon... -
24
react-big-calendar
gcal/outlook like calendar component
An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach. Styles can be found at: react-big-calendar/lib/css/react-big-calendar.css, and should be included on the page with the calendar component. Also make sure that your calendar's container element has a height, or the calendar won't be visible. Date internationalization and localization is hard and react-big-calendar doesn't even attempt to solve that... -
25
CSS doodle generator
generates css doodles code.
CSS Doodle Generator is a standalone Windows application that creates unique, random CSS designs on the click of a button. It uses procedural rules and color variations to generate reusable CSS snippets for cards, buttons, and other web components. Users can view, copy, or save each doodle as a .css file for instant use.
