Search Results for "css"
Sort By:
Showing 111 open source projects for "css"
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.
-
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
1
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. -
2
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. -
3
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
4
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. -
PRTG Catches Network Issues Before They Cause DowntimeReactive troubleshooting usually means hearing about a problem from frustrated users, not your monitoring tool. PRTG sets threshold-based alerts across devices, servers and applications, notifying your team by email, SMS or push the moment a metric crosses a set limit. That means catching a failing disk or overloaded server before it becomes an outage and getting time back from firefighting. Start a free trial and set your first alerts today.
-
5
CSS in README Like Wat
Style your readme using CSS with this simple trick
CSS in README Like Wat is a small demonstration project showing an unconventional way to apply rich styling inside a GitHub README. The technique relies on embedding XHTML and CSS inside an SVG foreignObject element. That SVG can then be referenced through an image element in Markdown-compatible content. This arrangement allows styling capabilities that ordinary GitHub Markdown does not directly expose. -
6
Bulma
Modern CSS framework based on Flexbox
Bulma is a free and open source, modern CSS framework based on Flexbox. It is a collection of CSS classes, with the end result being a single .css file. Because of this, you can write the HTML code you want and it would have no impact on the styling of your page. It has no JavaScript included, and can be considered “environment agnostic”, as it offers just a style layer over the logic. -
7
Styled Components
Visual primitives for the component age
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress. Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles, using components as a low-level styling construct could not be easier! -
8
Next.js Landing Page Starter Template
Free NextJS Landing Page Template written in Tailwind CSS 3
...Developer tooling combines ESLint, Prettier, Husky, lint-staged, PostCSS, and prepared Visual Studio Code settings. Static generation, minification, live reload, cache busting, and unused CSS removal help produce efficient deployments. The project can be hosted through Netlify or exported for another static hosting service. -
9
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 -
Veeam Data Platform v13.1Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
10
White Paper
Simple, elegant and clean jekyll theme
...It is made to keep content in focus and is best for writers/developers who also like to share code with their essays. jekyll-compose gem is now installed with jekyll so now creating a new post is easy. This theme uses grunt to concat & minify the css for best performance. In order to prepare the CSS build. Run grunt It will create a main.min.css file in the css folder. -
11
MDUI
Develop Material Design web applications
MDUI is beautiful, lightweight, and easy to use, it makes it easier for you to develop Material Design web applications. 19 main colors, 16 accent colors, 1-night theme, just add a CSS class to toggle. And supports automatic theme switching according to the operating system theme. CSS is only 32KB and JavaScript is only 19KB, which loads faster. All developed in TypeScript with perfect type hints. Mobile-first, gradually expand from small screen to large screen, and finally, realize all screen adaptation. Does not rely on any third-party library, saves network traffic, makes loading faster, and improves user experience. ... -
12
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. ... -
13
jekyll-minifier
Jekyll HTML/XML/CSS/JS Minifier utilising yui-compressor
Minifies HTML, XML, CSS, JSON and JavaScript both inline and as separate files utilising yui-compressor and htmlcompressor. This was created due to the previous minifier (jekyll-press) not being CSS3 compatible, which made me frown. -
14
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. ... -
15
Material Tailwind
Easy-to-use components library for Tailwind CSS and Material Design
Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus. Enhance your workflow with seamless integrations for your favorite tools using Material Tailwind. -
16
Hydeout
A refreshed version of Hyde for Jekyll 3.x and 4.x
...JavaScript is currently limited only to Disqus and Google Analytics (and is only loaded if you provide configuration variables). Hydeout makes heavy use of Flexbox in its CSS. If Flexbox is not available, the CSS degrades into a single-column layout. -
17
iFrame Resizer
Keep same and cross domain iFrames sized to their content
...This library enables the automatic resizing of the height and width of both same and cross domain iFrames to fit their contained content. It provides a range of features to address the most common issues with using iFrames. Provides a range of page size calculation methods to support complex CSS layouts. Detects changes to the DOM that can cause the page to resize using MutationObserver. Detects events that can cause the page to resize (window resize, CSS animation and transition, orientation change and mouse events). Fixes in page links in iFrame and supports links between the iFrame and parent page. Works with ViewerJS to support PDF and ODF documents. ... -
18
Bootswatch
Themes for Bootstrap
...Each theme works as a drop-in replacement for Bootstrap’s default stylesheet, which makes adoption simple for existing sites. The project supports several installation paths, including precompiled CSS, CDN usage, npm, Sass imports, and Ruby gem integration. Developers can customize themes by editing Sass variables and theme-specific structural styles. Overall, Bootswatch is useful for teams that want polished Bootstrap styling, faster prototyping, and consistent visual options across web projects. -
19
vCard
vCard is a fully responsive personal portfolio website
vCard Personal Portfolio is a responsive portfolio website template built entirely with HTML, CSS, and JavaScript. It is designed to present a professional profile through a polished single-page interface that adapts to desktop and mobile screens. The template includes dedicated sections for personal information, services, work history, education, skills, portfolio projects, blog posts, and contact details. Testimonials appear in interactive cards with an expanded modal presentation. ... -
20
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. Chrome browser is recommended for best results. ... -
21
Vibe Design System
Official monday.com UI resources for application development in React
...It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. Vibe is distributed as a package, and loading its CSS tokens provides a unified theming baseline across apps and extensions. Components are designed to optimize usability and accessibility while supporting monday-style workflows such as boards, dashboards, and complex data visualizations. -
22
Material UI
Comprehensive React component library that implements Material Design
...A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
23
Materialize
Materialize, a web framework based on Material Design
Materialize, a CSS Framework based on Material Design. Using VanillaJS and as less dependencies as possible to keep it fast and simple. We use TypeScript since it builds upon JavaScript and enhances the type- and code safety. You don't have to learn or integrate any new or crappy stuff. The goal here is to stick to the roots. Just copy and paste from the documentation and you are good to go. -
24
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. ... -
25
BRAID
Themeable design system for the SEEK Group
Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API. Along with our work on Playroom, our goal is to empower designers and developers to iterate together in the same medium using the same components, reducing the need for high fidelity mock-ups before development starts. ...
