This is a demo for the Codrops article on how to build a responsive and accessible layout.
☆27Feb 5, 2020Updated 6 years ago
Alternatives and similar repositories for codrops-cutout-demo
Users that are interested in codrops-cutout-demo are comparing it to the libraries listed below. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- This is a responsive frontend clone of the Netflix homepage, designed using HTML and CSS. The goal of the project is to replicate the lay…☆17Jul 24, 2025Updated last year
- A rapid layers animation of images as a splash intro or page transition on a website.☆85Apr 7, 2020Updated 6 years ago
- 🍽️A fully responsive food recipe website built with HTML, CSS, and JavaScript, featuring a clean user interface and a categorized layout…☆16Jul 31, 2025Updated last year
- Experimental reveal animations on typographic elements☆112Oct 6, 2021Updated 4 years ago
- An experimental layout transition where a stack of images animates to a gallery view, showing some more content.☆60Dec 2, 2023Updated 2 years ago
- Deploy to Railway using AI coding agents - Free Credits Offer • AdUse Claude Code, Codex, OpenCode, and more. Autonomous software development now has the infrastructure to match with Railway.
- An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.☆114Apr 13, 2022Updated 4 years ago
- A lightweight, zero-dependency JavaScript library for instantly transforming a CSS grid into a responsive masonry layout. Just mason it.☆18May 11, 2025Updated last year
- An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.☆40Mar 1, 2022Updated 4 years ago
- ☆101Oct 30, 2020Updated 5 years ago
- A set of playful dragging effects for images using various techniques.☆79Feb 7, 2020Updated 6 years ago
- GSAP Animation | Scroll Magic | Green Sock | Tween Max☆13Aug 12, 2021Updated 5 years ago
- ☆12Mar 5, 2023Updated 3 years ago
- A slideshow page layout with a filter enhanced navigation effect on the images.☆58Nov 17, 2021Updated 4 years ago
- An inline menu layout with a playful hover animation and a gallery content preview panel.☆67Nov 11, 2020Updated 5 years ago
- Deploy on Railway without the complexity - Free Credits Offer • AdConnect your repo and Railway handles the rest with instant previews. Quickly provision container image services, databases, and storage volumes.
- An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.☆104Nov 11, 2020Updated 5 years ago
- A concept for a kinetic typography based page transition.☆123May 30, 2025Updated last year
- A draggable menu that shows a thumbnail preview of an image grid☆144Jan 9, 2023Updated 3 years ago
- Welcome to the **HTML_CSS_Mastery** repository! This is my self-driven journey to master HTML and CSS by building 10 responsive projects.…☆18Dec 8, 2024Updated last year
- Two-column full width responsive layout☆10Jul 14, 2018Updated 8 years ago
- Group layout sidebar is an interface for Directus that provides field organization with a docked sidebar☆16Mar 19, 2024Updated 2 years ago
- An open source multimethod grid library for creating scalable mobile-friendly responsive website and application layouts.☆13Jun 18, 2025Updated last year
- Reaction-diffusion on GPU in WebGL.☆40Jun 11, 2023Updated 3 years ago
- A flutter package for simplifying responsive layout changes.☆15Jan 2, 2024Updated 2 years ago
- Managed hosting for WordPress and PHP on Cloudways • AdManaged hosting for WordPress, Magento, Laravel, or PHP apps, on multiple cloud providers. Deploy in minutes on Cloudways by DigitalOcean.
- minimal data flow themed website with clean design and responsive layout☆13Feb 18, 2025Updated last year
- It's fully responsive and you are free to set column number as you need according to isotope container.☆11Feb 14, 2015Updated 11 years ago
- An animation on a vertical image stack for a menu that expands to arrange the stack items on a horizontal line.☆50Sep 22, 2021Updated 4 years ago
- Ryokucha is an e-commerce app that allows you to buy Japanese green tea directly from Japan. Whether you're a fan of hojicha, sencha, or …☆14Feb 10, 2023Updated 3 years ago
- A fullscreen loop effect that shows a preview of images when hovering a menu item.☆48Oct 16, 2018Updated 7 years ago
- WEB HOSTING is a fully responsive web hosting template, suited perfectly for any type of hosting business with its easy to use and custom…☆11Feb 8, 2019Updated 7 years ago
- This plugin extends the default jQuery UI Tabs widget with scrollable tabs feature. It is a pure jQuery UI widget created using widget fa…☆11Aug 13, 2021Updated 5 years ago
- Responsive Web Design Testing Tool is a web based emulator which displays the behavior and layout of a website in different devices i.e.…☆11Sep 13, 2016Updated 9 years ago
- Learn how to make a wave motion effect on an image with Three.js.☆204Dec 12, 2022Updated 3 years ago
- Deploy open-source AI quickly and easily - Special Bonus Offer • AdRunpod Hub is built for open source. One-click deployment and autoscaling endpoints without provisioning your own infrastructure.
- Responsive Layouts and Text for Flutter☆14Jan 3, 2022Updated 4 years ago
- A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.☆52Sep 7, 2022Updated 3 years ago
- ☆16Apr 12, 2021Updated 5 years ago
- Matrix Multiply CHOP☆30Jan 13, 2025Updated last year
- Hexagons and Beyond: Flexible, Responsive Grid Patterns without Media Queries☆16Jun 3, 2022Updated 4 years ago
- The Student Attendance Management System is designed to modernize the attendance tracking process in educational institutions.☆15Jun 6, 2024Updated 2 years ago
- A motion hover effect for a background grid of images.☆153Aug 23, 2021Updated 4 years ago