Search Results for "css-slider" - Page 2
Sort By:
Showing 57 open source projects for "css-slider"
View related business solutions-
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.
-
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
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. -
2
Jekyll Starter Kit
Jekyll Progressive Web App Generator
Jekyll Progressive Web App Generator. -
3
React Color
Color pickers from Sketch, Photoshop, Chrome, Github, and Twitter
13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to... -
4
Lanyon
A content-first, sliding sidebar theme for Jekyll
Lanyon is an unassuming Jekyll theme that places content first by tucking away navigation in a hidden drawer. It’s based on Poole, the Jekyll butler. Lanyon is a theme built on top of Poole, which provides a fully furnished Jekyll setup—just download and start the Jekyll server. See the Poole usage guidelines for how to install and use Jekyll. -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
rangeslider.js
HTML5 input range slider element polyfill
Simple, small and fast jQuery polyfill for the HTML5 <input type="range" slider element. -
6
Support for MUI v4 or MUI v5
A chip input field using Material-UI
After maintaining this project for over 3 years, we chose not to add support for MUI v4+ since it would require significant changes and there is already a built-in chip input. The same component is also available for MUI v5, and there are some alternatives like mui-chips-input. This is our collection of such components. Every component is maintained in its own repository and published as independent npm package. This way, we hope to give every component the amount of love and care it... -
7
CSSFX
Beautifully simple click-to-copy CSS effects
Beautifully simple click-to-copy CSS effects. A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open-source and MIT licensed. -
8
styletron
Toolkit for component-oriented styling
...Since Styletron uses the <style /> tag, you can use media queries and other selectors as well. You could not do that with inline styles! Check Concepts for more information about how classic CSS translates into CSS in JS. -
9
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... -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
10
Sketch Measure
Create spec for developers and teammates
Make it a fun to create spec for developers and teammates. Automatically generating html page with one click, inspect all the design details including CSS Styles on it offline. Layer's influence rect includes the area of shadows and outside borders, it's exactly the same size with the exported image. Sometime, shadows will not implement by engineers, it should be a part of image. Designer need to show the influence rect to engineers, not the regular rect. This is the feature using for. ... -
11
Packery
Gapless, draggable grid layouts
Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the... -
12
grd
A CSS grid framework using Flexbox. Only 321 bytes (Gzipped)
A CSS grid framework using Flexbox. Simple and provides just 2 base classes Grid and Cell and some modifiers. Light-weight, only 321 bytes (Gzipped). Flexible, easy-to-use Flexbox features. Flexible Box Layout Module and calc() as CSS unit values used in Grd are available on modern browsers (Chrome, Firefox, Safari, Opera, Edge, and IE11). -
13
kodeWeave
HTML/CSS/JS and Markdown Playground For Web Designers and Developers
kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices. (PhoneGap Build is recommended for mobile devices) kodeWeave similar to jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and pastebin, but allows you to export your web app as a desktop and/or chrome application. -
14
pretty-checkbox.css
A pure CSS library to beautify checkbox and radio buttons
A pure CSS library to beautify checkbox and radio buttons. Download from yarn or npm. These are simple checkboxes with three shapes. Add class p-switch. For shapes add class, p-outline or p-fill or p-slim. There are five colors. Can be used as Solid ( p-primary ) or Outline ( p-primary-o ). You can add any font icons to replace basic checkbox styles. -
15
Jekyll Foundation
Start your Jekyll (v3) project with Zurb Foundation for Sites
Quickstart your Jekyll (v3) project with Zurb Foundation for Sites (v6, sass). This package is meant to build your Site on your local machine. -
16
U.S. Web Design System documentation
USWDS website and documentation
This repo includes code and documentation for the U.S. Web Design System website. For information on the USWDS components and codebase, please visit our uswds Github repo. The U.S. Web Design System documentation is built using Jekyll for the file framework, gulp for task management, and the node module for USWDS. A design system for the federal government. We make it easier to build accessible, mobile-friendly government websites. -
17
-
18
joelglovier.com
Source for joelglovier.com. Built with Jekyll and hosted on GitHub
...I've been working on this site in various forms since around 2005. Initially it was just a customized Blogger page for a few years. Then, I designed and built the first version around 2008 after teaching myself to write HTML and CSS (and eventually some shoddy PHP). I launched the first version sometime around 2009. Ever since, I've been redesigning every few years. I've republished the older verions as repo dumps and GH pages just for fun and posterity. -
19
Material Design Lite
Material Design Components in HTML/CSS/JS
Material Design Lite is an implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design is a design language developed by Google that fuses classic principles of good design with the innovation of technology and science. Material Design Lite lets you infuse the look and feel of Material Design into your static content websites without relying on any JavaScript frameworks or libraries. -
20
Google Material Design Lite
Material Design Components in HTML/CSS/JS
...It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." ... -
21
Midnight.js
Switch your nav's design on the fly
...After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you are going to use to style that header. If you don't use the property or just leave it blank, the .default class will be used for that section. You can style it in your CSS using the class .midnightHeader.your-class. Use whatever CSS or markup you like for each one. They will be switched automatically when necessary. To make everything work, just load midnight (and jQuery) and initialize it. We take care of the rest. -
22
Social Buttons for Bootstrap
Social Sign-In Buttons for Bootstrap
Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Include Bootstrap and Font Awesome. If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project. -
23
Typography.js
A powerful toolkit for building websites with beautiful design
...Typography is a complex system of interrelated styles. 100s of style declarations on dozens of elements must be in harmonious order. Trying one design change can mean making dozens of tedious recalculations and CSS value changes. Creating new Typography themes with CSS feels hard. Typography.js provides a vastly simpler way to define and explore typography designs. You provide configuration to the Typography.js JS API and it uses its Typography engine to generate CSS for block and inline elements. Typography.js makes it easy to create designs that are unique, personal, and custom to your project. ... -
24
none
A lightweight (only 7kb) javascript for creating modals
GPL 3.0 license, lightweight (only 7kb), easy, no css required, jquery support, bootstrap compatible. Probably the worlds most easy to use modalscript - no css required. From scratch it automatically fits to your website. Check out the examples on http://modal.easyjs.de -
25
Protein SDK
Web. Desktop. Best of both worlds.
Protein SDK is an easy to learn and adapt python software development kit for excellent GUI desktop applications. You can create a desktop application using python, html, css, javascript or jquery in minutes! The SDK allows you to: - Run python code, on any javascript event. - Render result of python function dynamically - Create HTML User Interfaces, using standard HTML. The SDK is powered by: - Google Chrome apps - Python anywhere - Cherrypy Web Framework Though it is a desktop application sdk, it is purely web hosted locally. ...
