Search Results for "css-slider" - Page 2
Sort By:
Showing 145 open source projects for "css-slider"
View related business solutions-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
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. -
2
MoonTV
This project adopts the CC BY-NC-SA protocol
MoonTV is a self-hosted cross-platform media aggregation and playback application. It is built with Next.js, TypeScript, and Tailwind CSS and combines search results from user-configured content sources. The interface provides detailed media pages with episode lists, cast information, release years, and descriptions. Playback uses HLS.js and ArtPlayer, while favorites and viewing progress can synchronize through Kvrocks, Redis, or Upstash. The application also supports PWA installation, responsive desktop and mobile layouts, and experimental removal of advertising segments from streams. ... -
3
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... -
4
Reliquarium
3D slider puzzles for kids; helps teach solid geometry
Reliquarium is a very unique set of 3-Dimensional slider puzzles with a Crystal Skull theme. A totally new category of puzzle that would be impossible to build or manipulate in physical form. They can help improve 3D visualization and problem solving skills. Suitable for children preparing for math or geometry, as well as adults. Works on laptops or PCs or Macs running Windows, OSX, or Linux. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
5
Simple Infopanel
Simple Infopanel is a free digital signage software in PHP and React
Simple Infopanel is a free digital signage software that works like a slider and shows title, image or video, description and QR-Code for URL on every slide. It provides its own GUI for the editing based on PHP-Framework Symfony. The GUI has an integrated simple role concept. This tool can be used for digital signage, Information panels (infopanels), News aggregators, events or similar. You only need to have docker installed to start this application. -
6
InstrumentalMusic
Application which detects musical notes from the microphone.
...It allows listening to the microphone and play the detected notes to output (in midi). Multilanguage support. Zoom Dark mode option JDK-17 compatibility With v1.2 it includes a pitch shifter (making voice lower or sharper through a slider) There is a demo video which shows how it works (the demo video can be visited from Help menu of the application) You can also see the pitch-shifter demo version here: https://frojasg1.com:8443/resource_counter/resourceCounter?operation=countAndForward&url=https%3A%2F%2Ffrojasg1.com%2Fdemos%2Faplicaciones%2FInstrumentalMusic%2Fpitch.shifter.mp4%3Forigin%3Dsourceforge&origin=web You can find more about it at this web site: https://www.frojasg1.com:8443/downloads_web/web/html/instrumentalMusic.html?... -
7
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. -
8
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... -
9
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. ... -
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.
-
10
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. -
11
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. -
12
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). -
13
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. -
14
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. -
15
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. -
16
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. -
17
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. -
18
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. ... -
19
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. ... -
20
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. ... -
21
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. ... -
22
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. -
23
File Icons
Atom file-specific icons for improved visual grepping
File-specific icons in Atom for improved visual grepping. Everything is handled using CSS classes. Use your stylesheet to change or tweak icons. Consult the package stylesheets to see what classes are used. Choose your own shades. Assign icons by file extension. Assign icons to directories. A restart is needed to complete the installation. Reload the window, or restart Atom. As of v2.0, classes are used for displaying icons instead of mixins. -
24
ScrollReveal
Animate elements as they scroll into view
ScrollReveal is a JavaScript library for animating HTML elements as they enter the browser viewport. Developers initialize a shared ScrollReveal instance and use its reveal method to target elements with CSS selectors. The library is designed to make scroll-triggered entrance effects easy to add without building custom visibility logic. It can be loaded directly in a browser or installed through npm. Both CommonJS and ES module import styles are supported for integration with modern development workflows. The project focuses on lightweight, reusable reveal behavior that can be applied across many page elements and layouts. -
25
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...
