Search Results for "css html"
Sort By:
Showing 49 open source projects for "css html"
View related business solutions-
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.
-
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.
-
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
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... -
3
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. -
4
Welcome to node-html-to-image
A Node.js module that generates images from HTML
...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. -
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.
-
5
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. -
6
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an... -
7
tabler icons
1950 free MIT-licensed high-quality SVG icons
...Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. 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. ... -
8
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. ... -
9
react-use
Component for React
...Triggers callback when user clicks outside target area. Tracks mouse hover state of some element. Display an element or video full-screen. Tracks location hash value. Tracks whether user is being inactive. Tracks an HTML element's intersection. 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. ... -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
Typed.js
A JavaScript typing animation library
...Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. Rather than using the strings array to insert strings, you can place an HTML div on the page and read from it. 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! -
11
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. -
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
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. Choose one from loading.io's online spinner gallery and you can customize a unique loader GIF with our icon editor easily.... -
14
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. ... -
15
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. ... -
16
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. ... -
17
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained... -
18
Live wallpapers
For Use With Plastuer For Windows Or Similar Program.
This is a set of Live Wallpapers for use with Plastuer or Wallpaper Engine. Almost all wallpapers can be adjusted by editing the included files excluding video formatted files 'MP4'. NotePad++ is recommended for editing html and other files. *Not all wallpapers have mouse tracking. -
19
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify... -
20
PureCSS Francine
HTML/CSS drawing in the style of an 18th-century oil painting
purecss-francine is a remarkable artistic and technical project created by Cyan Harlow, demonstrating how complex digital illustrations can be achieved using only HTML and CSS, without any JavaScript or images. The artwork, titled Francine, is a detailed portrait crafted purely through CSS shapes, gradients, and layering techniques. It showcases the expressive potential of front-end technologies and serves as both an educational example and a piece of digital art. The project emphasizes precision, creativity, and the boundaries of what is possible within web standards. ... -
21
magicCss
CSS3 whimsy, single label implements various graphics
magicCss is a creative front-end showcase repository that demonstrates how to build complex graphics, animations, and visual effects using pure CSS3, often with only a single HTML element. The project serves primarily as an educational and inspirational collection for developers who want to push the boundaries of what can be achieved with native CSS capabilities. It explores advanced techniques such as gradients, blend modes, clip-path usage, and animation timing to construct visually rich UI elements without relying on images or JavaScript-heavy solutions. ... -
22
remark
A simple, in-browser, markdown-driven slideshow tool
A simple, in-browser, Markdown-driven slideshow tool targeted at people who know their way around HTML and CSS. If your ideal slideshow creation workflow contains any of the following steps, just write what's on your mind, do some basic styling, easily collaborate with others, share with and show to everyone, then remark might be perfect for your next slideshow! Focus on the content, expressing yourself in next to plain text not worrying what flashy graphics and disturbing effects to put where. ... -
23
Vishesh Auto Index
Vishesh Auto Index 5 is Best Wap Auto Index for mp3 sites.
Vishesh Auto Index is a rebirth of AutoIndex. A mobile focused autoindex script that allows users to create a mobile download site. Security level too high. Vishesh Auto Index 5 specially made for mp3/mp4 downloading websites. Vishesh Auto Index 5 My Official Blog:- https://visheshgrewal.blogspot.com Vishesh Auto Index:- https://vishesh-auto-index.blogspot.com Readme.txt for more information -
24
SpinKit
A collection of loading indicators animated with CSS
...Add a spinner to your project by copy-pasting HTML from spinkit.css or examples.html. Add the sk-center utility class to the spinner to center it (it sets margin to auto). By default, the width and height of all spinners are set to 40px. background-color is set to #333. Configure the spinner by overwriting the CSS variables, primarily --sk-size (spinner width & height) and --sk-color (spinner color). -
25
fancyBox
jQuery lightbox script for displaying images, videos and more
Fancybox saves you time and helps to easily create beautiful, modern overlay windows containing images, iframes, videos or any kind of HTML content. This is the 4th generation of Fancybox and brings lots of fresh features. Both Carousel and Panzoom components are used under the hood and help ensure a best-in-class user experience. In addition, they are easy to integrate with each other. Touch and mobile optimized with swipe, drag and pinch-to-zoom gestures. Highly customizable with configuration options, Sass and CSS variables. ...
