Search Results for "css"
Sort By:
Showing 124 open source projects for "css"
View related business solutions-
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
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
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. -
2
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 file and build it again. -
3
Must-Watch CSS
CSS Grid, flexbox, custom variables, performance, frameworks
Must-Watch CSS is a curated collection of high-quality recorded talks and presentations about CSS, covering both foundational topics (like layout, Flexbox, Grid) and more advanced or modern concerns (such as performance, tooling, CSS variables, animations, and architecture). Rather than being a code library, it serves as a learning resource — a “watch-list” for front-end or UI developers who want to deepen their understanding of CSS beyond basic syntax. ... -
4
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. -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
5
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. ... -
6
youtube-background
Simple script for embedding YouTube, Vimeo and HTML5 videos
Simple script for embedding YouTube, Vimeo, and HTML5 videos as cover backgrounds. -
7
Svelte Heros v2
You can select outline and solid icons using the variation props
Hero Icons v2 uses Heroicon v2 to create Svelte SVG icons. You can select outline and solid icons using the variation props. Svlete-Heros support major CSS framework. You can add additional CSS using the class props. -
8
flag-icons
A curated collection of all country flags in SVG
...This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. To have only specific countries in the css file, remove the ones that you don't need from the flag-icons-list.less file and build it again. -
9
Typed.js
A JavaScript typing animation library
...This allows bots and search engines, as well as users with JavaScript disabled, to see your text on the page. You can pause in the middle of a string for a given amount of time by including an escape character. CSS animations are built upon initialization in JavaScript. But, you can customize them at your will! -
Streamline Azure Security with Palo Alto Networks VM-SeriesImprove your security posture and reduce incident response time. Use the VM-Series to natively analyze Azure traffic and dynamically drive policy updates based on workload changes.
-
10
ReClip
Download videos from almost any website
...Built around the yt-dlp engine, it supports over a thousand websites, including major platforms like YouTube, TikTok, and Instagram, allowing users to retrieve media content in various formats. The application emphasizes simplicity and minimalism, featuring a clean interface built with plain HTML, CSS, and JavaScript without requiring complex build steps or frameworks. Its backend is implemented in a compact Python Flask application, making it easy to deploy and customize. Users can paste multiple URLs at once, select output formats such as MP4 or MP3, and choose quality settings before downloading. The system also includes features like automatic URL deduplication and batch processing to improve usability. -
11
tabler icons
1950 free MIT-licensed high-quality SVG icons
...All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. Vue components are available through the vue-tabler-icons package. ... -
12
Shower Presentation Template
Shower HTML presentation engine
Shower Presentation Template is a shower HTML presentation engine. Built on HTML, CSS and vanilla JavaScript, works in all modern browsers. Themes are separated from engine, and comes with fully keyboard accessible. Printable to PDF and includes Ribbon and Material themes, and core with plugins. You’ll need Node.js installed on your computer. Latest stable versions of Chrome, Edge, Firefox, and Safari are supported. -
13
screenshot-to-code
Drop in a screenshot and convert it to clean code
screenshot-to-code converts UI screenshots or design images into working front-end code, accelerating the path from concept to prototype. It uses modern vision-capable or code-generating models to infer layout structure, typography, and components, then outputs clean HTML/CSS (often Tailwind) or framework code. A web interface lets you upload images, tune options, and preview generated results, while a backend service orchestrates the model calls and post-processing. The tool focuses on practical developer outputs—semantic markup, reusable components, and readable classes—so the result is a starting point you can refine, not a throwaway demo. ... -
14
Video.js
Open source HTML5 video player
...Aside from HTML5 video, Video.js also supports modern streaming formats like HLS and DASH, YouTube, Vimeo and even Flash thanks to an abundance of well-documented plugins. It looks great out-of-the-box, but you can style it your way with just a little extra CSS. -
15
ytmdesktop2 (YouTube Music for Desktop)
Unofficial YouTube Music Desktop App + Discord RPC & LastFM support
...It includes support for Discord Rich Presence, Last.fm scrobbling, and a Mini Player mode for convenient music playback. Users can personalize the interface with custom CSS and additional developer-focused customization options. The application also integrates with OBS, making it ideal for streamers and content creators who want music information displayed during broadcasts. With frequent updates, cross-platform compatibility, and an active open-source community, YTMDesktop2 provides a modern desktop alternative for YouTube Music enthusiasts. -
16
koel
A personal music streaming server that simply works
koel is a simple, open source, web-based personal audio streaming service created with some of the more modern technologies that appeals to web developers. It embraces such technologies as CSS grid and drag-and-drop API to deliver a music streaming application that simply works. koel is written in Vue on the client side, and Laravel on the server side. It requires a server that can run Laravel 5.8 and a modern browser that can support newer web technologies. -
17
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started, including cloning the repo, installing dependencies and running a dev server. Among its features are a customizable 3D hero section (e.g., a 3D model of a desktop), interactive skills and work sections with animations, a 3D earth model in the contact section, and responsive design so it works across devices. ... -
18
Viewer.js
JavaScript image viewer
You may set viewer options with new Viewer(image, options). If you want to change the global default options, You may use Viewer.setDefaults(options). Enable the modal backdrop, specify static for the backdrop that will not close the modal on click. Specify the visibility and the content of the title. Filter the images for viewing (should return true if the image is viewable, return false to ignore the image). Indicate if toggle the image size between its natural size and initial size when... -
19
Super Tiny Icons
Super Tiny Icons are miniscule SVG versions of your favourite website
...The project emphasizes performance: tiny inline SVGs reduce network transfer, speed up rendering, and scale crisply on high-DPI displays. Designers and developers can embed the icons directly, recolor them via CSS, or combine them in sprites without raster assets. The repository maintains consistent viewboxes and alignment so icons sit neatly alongside text and other UI elements. It is especially useful for landing pages, status banners, and mobile experiences where every byte matters. -
20
Improve YouTube!
Extension to improve your view, playback & content discovery
...ImprovedTube is designed with our own UI library: Status (to manage your settings efficiently & create familiar apps/'cousins easily.) Please spread the word: ImprovedTube is the only project of it's kind because other open Youtube Extensions resigned. No other project provides so much CSS to adjust a website. -
21
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
The bfxr project by increpare is a sound-effects generator tool originally built using Flash + AIR, based on the earlier Sfxr project. Its purpose is to enable users, especially game developers and sound designers, to quickly generate retro, 8-bit/“chiptune” style sound effects (“bleeps”, “booms”, “zaps”, etc.) without deep knowledge of audio signal processing. It offers an interactive GUI through which you can tweak many parameters (oscillators, envelopes, filters, etc.) to sculpt custom... -
22
Spatie Browsershot
Convert HTML to an image, PDF or string
Browsershot is a PHP package that allows developers to convert web pages into images or PDFs. It utilizes headless Chrome to render pages accurately and can be used to capture screenshots, generate PDFs, and manipulate web content programmatically. It is especially useful for applications that require generating visual content from dynamic or static web pages. -
23
Welcome to node-html-to-image
A Node.js module that generates images from HTML
...When you install Puppeteer, it downloads a recent version of Chromium (~170MB Mac, ~282MB Linux, ~280MB Win) that is guaranteed to work with the API. node-html-to-image takes a screenshot of the body tag's content. If you want to set output image's resolution you need to set its dimension using CSS. Handlerbars is a templating language. It generates HTML from a template and an input object. In the following example we provide a template to node-html-to-image and a content object to fill the template. -
24
react-use
Component for React
...Synthesizes speech from a text string. Tracks page navigation bar location state. Re-renders component, while tweening a number from 0 to 1. Tracks long press gesture of some element. Tracks state of a CSS media query. Tracks state of connected hardware devices. Returns a callback, which re-renders component when called. Tracks state of device's motion sensor. Tracks state of mouse position. Tracks deltaY of scrolled mouse wheel. Provides way to read, update and delete a cookie. Tracks the state of browser's network connection. Query permission status for browser APIs. -
25
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...
