Search Results for "css"
Sort By:
Showing 73 open source projects for "css"
View related business solutions-
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.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
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
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. -
3
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. ... -
4
youtube-background
Simple script for embedding YouTube, Vimeo and HTML5 videos
Simple script for embedding YouTube, Vimeo, and HTML5 videos as cover backgrounds. -
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
5
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. -
6
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! -
7
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. ... -
8
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. -
9
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. ... -
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.
-
10
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... -
11
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. -
12
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... -
13
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... -
14
RhinOS
RhinOS, CMS, Content Management System, Josep Sanz Campderrós
RhinOS is a framework to develop web sites using the latest features to provide a fastest access and administration to the web portal. The main features are: - Parametrized CMS and simple and efficient pseudo-code parser. -
15
NexusM Media Server
Free Self-Hosted Media Server — Windows, Linux & Docker
NexusM is a self-hosted media server that puts your entire entertainment library at your fingertips — music, movies, TV shows, anime, music videos, podcasts, audiobooks, eBooks, and photos, all in one place. Run NexusM on your own hardware and stream to any browser or device on your network, with no subscriptions, no accounts, and no data leaving your home. Your media, your rules. NexusM handles your full collection with rich metadata, beautiful artwork, and smart organisation — movies... -
16
FFCreator
A fast video processing library based on node.js
FFCreator is a lightweight and flexible short video processing library based on Node.js. You only need to add some pictures, music, or video clips, you can use it to quickly create a very exciting video album. Nowadays, short video is an increasingly popular form of media communication. Like Weishi and Tiktok is full of all kinds of wonderful short videos. So how can users visually create video clips on the web easily and quickly? Based on pictures and Text content, dynamic batch generation... -
17
css-spinner
Small, elegant pure css spinner for ajax or loading animation
Open source CSS loading animations dedicated for speed, simplicity & dev-friendly. Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. However, the Microsoft Internet Explorer version earlier than 10 doesn't support CSS Animation. To support older IE, you have to use a GIF format image. -
18
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
19
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. -
20
Harp
Static site server/generator with built-in preprocessing
Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. ... -
21
amc player
html5 player for surround audios in websites
AMC player is a web based html5 audio player. There are tons of html5 players around. The focus of this one is the handling of audio media in stereo and 5.1 surround of a song and switch between them. But it works with stereo only audios too :-) It is pure javascript and independent from any javascript framework. -
22
Bootstrap Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. The Bootstrap JS dependency is optional and it is mainly needed for the popover support. No Bootstrap CSS is required for the plugin to work. To use the plugin without Bootstrap, the popover option should be set to false or null and, depending on your implementation, you will usually need to set inline to true and a container selector option. Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap dependencies. ... -
23
FUSUMA
Fusuma makes slides with Markdown easily
A tool to create slides easily. Code syntax highlight, MathJax, diagrams, and flowcharts. All results for lighthouses are perfect. Full support for SEO and OGP. Customizable JavaScript and CSS. A sidebar with an agenda and more features. Init Mode, for creating a slide, style, configuration file and GitHub actions that deploy slides to gh-pages automatically. Development Mode, for running with HMR, just coding Markdown and sometimes CSS. Build Mode, to render to HTML and optimizing js,css,md. Generating an image of slides as og:image and checking a11y automatically. ... -
24
lazysizes
High performance and SEO friendly lazy loader for images
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. ... -
25
Vivus.js
JavaScript library to make drawing animation on SVG
...This animation gives the best impression of live drawing. To give more freedom, it's possible to override the animation of each path and/or the entire SVG. It works a bit like the CSS animation timing function. But instead of using a cubic-bezier function, it use a simple JavaScript function. It must accept a number as parameter (between 0 to 1), then return a number (also between 0 and 1). It's a hook.
