Search Results for "css-slider" - Page 2
Sort By:
Showing 61 open source projects for "css-slider"
View related business solutions-
$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.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Rickshaw provides the elements you need to create interactive graphs, renderers, legends, hovers, range selectors, etc. You put the pieces together. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know. Rickshaw is free and open source, available under the MIT license. Developed at Shutterstock. Rickshaw relies on the fantastic D3 visualization library to do lots of the heavy lifting for stacking and rendering to SVG. Some extensions require jQuery and jQuery UI, but for drawing some basic graphs you'll be okay without. ... -
2
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. ... -
3
Chartist.js
Simple responsive charts
...Don't loose any time and kickstart your development using the awesome templates by Creative Tim. They include Chartist and come with awesome chart styles! Specifying the style of your chart in CSS is not only cleaner but also enables you to use awesome CSS animations and transitions to be applied to your SVG elements! Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary. -
4
fancyBox
jQuery lightbox script for displaying images, videos and more
...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. There are two main styles of coding when using Fancybox. Each of these styles has advantages and disadvantages, and you can combine the two. You can choose any CSS selector here to attach click handler to the currently selected set of elements as well as all future matching elements. -
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.
-
5
Effeckt.css
A Performant Transitions and Animations Library
...By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript. -
6
Ant Motion
Animate specification and components of Ant Design
Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different... -
7
css3-
CSS3 implements various 3D && 3D planetary animation effects
...The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. Its educational value lies in revealing non-obvious CSS behaviors and encouraging deeper mastery of the styling layer. Overall, css3- serves as a comprehensive learning and inspiration resource for developers seeking to master advanced CSS3 techniques. -
8
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial license is required. Most commonly, MixItUp is applied to a "container" of "target" elements, which could be a portfolio of projects, a list of blog posts, a selection of products, or any kind of UI where filtering and/or sorting would be advantageous. ... -
9
Velocity
Accelerated JavaScript animation
...It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. ... -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
10
GlslEditor
Simple WebGL Fragment Shader Editor
Simple WebGL Fragment Shader Editor. Friendly GLSL Shader editor based on Codemirror compatible with glslViewer (C++/OpenGL ES) and glslCanvas (JS/WebGL). Was originally developed to work as an embedded editor for The Book of Shaders. But now has grown as a stand-alone Web app. Thanks to their compatibility with other apps of this ecosystem like glslViewer which runs in the RaspberryPi directly from the console, GlslEditor interacts with other projects like OpenFrame.io allowing the user to... -
11
retina.js
JavaScript helpers for rendering high-resolution image variants
retina.js makes it easy to serve high-resolution images to devices with displays that support them. You can prepare images for as many levels of pixel density as you want and let retina.js dynamically serve the right image to the user. retina.js assumes you are using Apple's prescribed high-resolution modifiers (@2x, @3x, etc) to denote high-res image variants on your server. It also assumes that if you have prepared a variant for a given high-res environment, that you have also prepared... -
12
Picturefill
A responsive image polyfill
A Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill works best in browsers that support CSS3 media queries. The demo page references (externally) the matchMedia polyfill which makes matchMedia work in media-query-supporting browsers that don't support matchMedia. matchMedia and the matchMedia polyfill are not required for picturefill to work, but they are required to support the media attributes on picture... -
13
CSSgram
CSS library for Instagram filters
...The recommendation is to wrap your images in a <figure> tag. If you use custom naming in your CSS architecture, you can add the .scss files for the provided styles within your project and then @extend the filter effects within your style definitions. Mixins allow for multiple filter arguments to be passed into your classes. This is useful for if you want to add filters in addition to the ones provided (i.e. add a blur). -
14
lightGallery Desktop
A modern, electron and nodejs based image viewer for Mac, Windows
...You can create Windows installer only when running on Windows, the same is true for Linux and OSX. So to generate all three installers you need all three operating systems. lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation. -
15
Loaders.css
Delightful, performance-focused pure css loading animations
loaders.css is a collection of pure CSS loading animations designed to drop into any web project without JavaScript or image assets. Each loader is built from simple HTML elements animated with CSS keyframes, transforms, and opacity to create spinners, pulses, bars, and geometric patterns. Because they’re vector-based and CSS-driven, the animations scale cleanly at any resolution and look sharp on high-DPI displays. -
16
ramjet
Morph DOM elements from one state to another with smooth animations
...It is useful for playful UI effects, animated state changes, visual transitions, and experimental web interactions. Ramjet can be applied to normal DOM elements and their children, which makes it more flexible than simple CSS transitions alone. Its main value is giving web developers an easy way to create cartoon-like transformation effects between separate elements on a page. -
17
snabbt.js
Fast animations with javascript and CSS transforms
snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply, transforms and opacity. The goal is to make a library that will let the user make... -
18
HTML GL
Get as many FPS as you need and amazing effects by rendering HTML/CSS
60 FPS and amazing effects by rendering HTML/CSS in WebGL, framework agnostic. HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. ... -
19
WOW.js
Reveal CSS animation as you scroll down a page
Reveal animations when you scroll. Easily customize animation settings like style, delay, length, offset, iterations, etc. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs). Super simple to install, and works with animate.css, so if you already use it, that will be very fast to... -
20
magic
CSS3 Animations with special effects
Include the file magic.css or include the minified version magic.min.css. If you want to customize the CSS files, now you will have the chance. Load the animation after certain time. Load the animation after certain time but with an infinite loop. You can change the time of the animation by setting the class magictime. Assign the timing to a specific animation. You can include only certain animations. Comment or uncomment your desired file and run from terminal the provided commands. -
21
CSS Loaders
A collection of loading spinners animated with CSS
css-loaders is a collection of simple, reusable loading spinners and indicators implemented entirely in CSS. The project offers a variety of designs—spinning circles, bouncing dots, bars, and pulse animations—that can be applied to any element with a few classes. Each loader is built using CSS keyframes and transforms, avoiding images or JavaScript, which keeps them lightweight and responsive. -
22
Mirrored Mockup Design
Easily design websites on the go. No coding necessary!
There's many great tools out there for web design like Adobe Edge Animate, Google Web Designer, and Adobe Proto (Except discontinued for android), but these tools are only good for those users who are running Windows, Mac OS X, or the iOS platforms. I however couldn't find a decent website designer for Linux or Android so I decided to make my own as a fun experiment. -
23
HTML5 Editor
HTML5 editor, free and open-source website builder based on Silex
This editor is a free and open-source online tool which lets you design html pages with an interface very close to dreamweaver's or powerpoint's one. But we've put a special touch in it ;) The HTML5 editor is now available online and called Silex. Only developers will want to download Silex source code from github. **No need to download it, simply follow the link bellow** -
24
Silex, live web creation
Free online HTML website builder
Silex is a free and open source website builder in the cloud. Create websites directly in the browser without writing code. It is suitable for professional designers to produce great websites without constraints. -
25
A cross browser set of client side web components implemented with JavaScript and CSS.
