Showing 89 open source projects for "css"

View related business solutions
  • Our Free Plans just got better! | Auth0 Icon
    Our Free Plans just got better! | Auth0

    With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

    You 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 free now
  • Desktop and Mobile Device Management Software Icon
    Desktop and Mobile Device Management Software

    It's a modern take on desktop management that can be scaled as per organizational needs.

    Desktop Central is a unified endpoint management (UEM) solution that helps in managing servers, laptops, desktops, smartphones, and tablets from a central location.
    Learn More
  • 1
    CSS Inspiration

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 2
    Pokémon Cards CSS

    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.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 3
    flag-icon-css

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    pageres

    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.
    Downloads: 3 This Week
    Last Update:
    See Project
  • Track time for payroll, billing and productivity Icon
    Track time for payroll, billing and productivity

    Flexible time and billing software that enables teams to easily track time and expenses for payroll, projects, and client billing.

    Because time is money, and we understand how challenging it can be to keep track of employee hours. The constant reminder to log timesheets so your business can increase billables, run an accurate payroll and remove the guesswork from project estimates – we get it.
    Learn More
  • 5
    anime.js

    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. ...
    Downloads: 7 This Week
    Last Update:
    See Project
  • 6
    Svelte Heros v2

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 7
    flag-icons

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    Shower Presentation Template

    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.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 9
    3D Website with Three.js

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Banker’s Dashboard and Credit Union dashboard Icon
    Banker’s Dashboard and Credit Union dashboard

    For Bank and Credit Union CFOs and CEOs

    Get anytime, anywhere access to your bank or credit union’s financial performance. Get insights into your bank or credit union’s financial performance from anywhere with secure, cloud-based access. Get margin components, branch performance, forecasts and more with point-and-click simplicity. Banker’s Dashboard and Credit Union dashboard integrate seamlessly with your core processor. Quick and easy setup, so you can start improving your bottom line right away. Automate reporting and eliminate errors, freeing you to focus on more value-added tasks. Quickly run and revise multiple forecast scenarios, so you can analyze variances and alternative strategies. Measure and compare branch performance. Institute best practices and hold each branch accountable for better results.
    Learn More
  • 10
    Viewer.js

    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...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 11
    Super Tiny Icons

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Spatie Browsershot

    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.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 13
    react-use

    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.
    Downloads: 5 This Week
    Last Update:
    See Project
  • 14
    React Native Vector Icons

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    Typed.js

    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!
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    RhinOS

    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.
    Leader badge
    Downloads: 3 This Week
    Last Update:
    See Project
  • 17
    css.gg

    css.gg

    Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite

    ...All icons are available as components on assets from where you can search for a sigle icon or browse categories. All icons are available as components. By default all the CSS, SCSS icons inherit the color from the parent by using currentColor attribute how ever you can apply any color you like. You need to define width and height in order for this to work. Afterwards you can just create a div. By default all colors use currentColor as value in order to inherit the color from the parent. On a React project you can include a single icon as CSS, Styled Component, SCSS, SVG or call the contents using .json or .xml files. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Scene.js

    Scene.js

    Scene.js is JavaScript & CSS timeline-based animation library

    Scene.js supports two plays: javascript and css animation. It's perfect to use it in context and not feel the difference. Scene.js have complete control over time. No matter what time you choose, this can show you the right movement for that time. With Scene.js, SVG can be used by CSS animation in Chrome and can also be controlled by point through 'attribute'. Scene.js can control multiple elements at the same time.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 19
    css-spinner

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Svelte Animation on Scroll

    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).
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    react-three/flex

    react-three/flex

    Flexbox for react-three-fiber

    ...This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. You can tweak the container and the boxes using standard CSS flex properties, like flexDirection or justifyContent for the container and flexGrow for the boxes. There are also shorthands, like align and justify. When positioning items, react-three-flex needs to know where the object anchor is: Yoga Layout expects the object position to be relative to the upper left corner, which is the same as the DOM expects.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Hamburgers

    Hamburgers

    Tasty CSS-animated Hamburgers

    Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. The hamburger button belongs inside the <nav> so that assistive technologies will be able to locate the navigation, and to allow these users to easily locatate the hamburger button, without having to search up and down the DOM, once they realize they've found themselves in an empty navigation.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 23
    CSS Animation 101

    CSS Animation 101

    Learn how to bring animation to your web projects

    CSS Animation 101 is a tutorial resource that teaches the fundamentals of motion on the web using only CSS. It starts with core building blocks—transitions, transforms, and keyframes—and then layers in timing functions, delays, and choreography to create more expressive sequences. The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Bootstrap Colorpicker

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    lazysizes

    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. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • 3
  • 4
  • Next