A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.
☆458Aug 14, 2019Updated 6 years ago
Alternatives and similar repositories for SlitSlider
Users that are interested in SlitSlider are comparing it to the libraries listed below. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- A fluid content slider that will adjust in width and height depending on the size of its parent.☆46May 7, 2013Updated 12 years ago
- An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and ro…☆99Apr 30, 2015Updated 10 years ago
- Codrops logos☆11Feb 20, 2026Updated last month
- A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a tra…☆36Mar 6, 2015Updated 11 years ago
- A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/☆13May 9, 2017Updated 8 years ago
- NordVPN Special Discount Offer • AdSave on top-rated NordVPN 1 or 2-year plans with secure browsing, privacy protection, and support for for all major platforms.
- A jQuery Plugin for Swift Content Navigation☆199Aug 5, 2016Updated 9 years ago
- A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.☆22Oct 1, 2020Updated 5 years ago
- A fun "try-on" experiment that shows a first person view through the colored lenses of sunglasses, mimicking the movement of putting them…☆35Mar 1, 2017Updated 9 years ago
- A tutorial on how to recreate the four panel background image slideshow seen on Atelier Serge Thoroval's website.☆87Jun 10, 2015Updated 10 years ago
- 100% width tabbed content with some example media queries for smaller screens.☆176Mar 15, 2017Updated 9 years ago
- A simple, nestable accordion with some examples of nesting levels and a media query.☆34May 7, 2013Updated 12 years ago
- Ever thought that clicking multiple checkboxes is not a very user-friendly task? Imagine rows and rows of junk mail that you'd like to se…☆58Oct 29, 2013Updated 12 years ago
- A responsive product grid layout with some UI details for inspiration.☆77May 17, 2013Updated 12 years ago
- A responsive multi-column form with example media queries for a flexible layout.☆57Jun 6, 2013Updated 12 years ago
- Managed Database hosting by DigitalOcean • AdPostgreSQL, MySQL, MongoDB, Kafka, Valkey, and OpenSearch available. Automatically scale up storage and focus on building your apps.
- A very simple 100% width slider that scales down to mobile.☆70Oct 31, 2014Updated 11 years ago
- An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and st…☆71Dec 21, 2012Updated 13 years ago
- A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery…☆63Dec 3, 2012Updated 13 years ago
- A collection of dialog effects using CSS (and SVG) animations.☆306Jul 24, 2017Updated 8 years ago
- A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side wh…☆111Apr 25, 2013Updated 12 years ago
- A set of simple round icon hover effects with CSS transitions and animations for your inspiration.☆725Oct 2, 2020Updated 5 years ago
- An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnail…☆268Mar 29, 2013Updated 12 years ago
- A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the item…☆138May 23, 2014Updated 11 years ago
- Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.☆192Sep 30, 2020Updated 5 years ago
- End-to-end encrypted cloud storage - Proton Drive • AdSpecial offer: 40% Off Yearly / 80% Off First Month. Protect your most important files, photos, and documents from prying eyes.
- An experimental morphing device slideshow with CSS Transitions for showcasing responsive web design screenshots.☆93May 15, 2013Updated 12 years ago
- A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.☆142Apr 23, 2017Updated 8 years ago
- A responsive grid of anchors with icons and text.☆91Jul 1, 2013Updated 12 years ago
- A responsive grid layout for multiple items in a row that fill all the available width.☆39May 7, 2013Updated 12 years ago
- A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.☆87May 17, 2013Updated 12 years ago
- A tutorial on how to create shaded CSS-only progress bars with Sass. By Rafael González.☆97Oct 2, 2020Updated 5 years ago
- Various hover tooltip styles, shapes and effects for your inspiration.☆211Oct 7, 2014Updated 11 years ago
- While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin…☆181Oct 27, 2023Updated 2 years ago
- An interactive room slideshow based on Bilal Mechairia's Dribbble shot ["Spaces - interaction prototype"](https://dribbble.com/shots/2275…☆85Nov 10, 2015Updated 10 years ago
- Managed Database hosting by DigitalOcean • AdPostgreSQL, MySQL, MongoDB, Kafka, Valkey, and OpenSearch available. Automatically scale up storage and focus on building your apps.
- A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We…☆91Jan 17, 2014Updated 12 years ago
- A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Tr…☆143Jun 19, 2013Updated 12 years ago
- A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely…☆326Oct 23, 2022Updated 3 years ago
- A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot ["Mobile Com…☆44Feb 17, 2016Updated 10 years ago
- A responsive horizontal drop-down menu inspired by the Microsoft.com menu.☆101May 7, 2013Updated 12 years ago
- A fixed vertical icon menu that adjusts its size for smaller screens.☆60May 7, 2013Updated 12 years ago
- Baraja is a jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a …☆401Apr 8, 2017Updated 8 years ago