This is a demo for the Codrops article on how to build a responsive and accessible layout.
☆28Feb 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.☆86Apr 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.☆61Dec 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 typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.☆43Oct 20, 2021Updated 4 years ago
- 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
- generative piet mondrian style art using CSS grid☆34Jan 7, 2023Updated 3 years ago
- ☆101Oct 30, 2020Updated 5 years ago
- A set of playful dragging effects for images using various techniques.☆80Feb 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
- 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.
- 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.☆68Nov 11, 2020Updated 5 years ago
- An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.☆106Nov 11, 2020Updated 5 years ago
- A concept for a kinetic typography based page transition.☆126May 30, 2025Updated last year
- Build responsive react layouts using styled schematics without an overhead of any theme configuration☆12Nov 18, 2021Updated 4 years ago
- ☆14Oct 29, 2021Updated 4 years ago
- <script> //<![CDATA[ (function(){var aa="function"==typeof Object.create?Object.create:function(a){var b=function(){};b.prot…☆14Feb 17, 2018Updated 8 years ago
- 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
- 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.
- 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.☆15Aug 22, 2026Updated last month
- ☆11Jan 28, 2023Updated 3 years ago
- 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
- 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
- Virtual machines for every use case on DigitalOcean • AdGet dependable uptime with 99.99% SLA, simple security tools, and predictable monthly pricing with DigitalOcean's virtual machines, called Droplets.
- Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.☆47May 26, 2021Updated 5 years ago
- A fullscreen loop effect that shows a preview of images when hovering a menu item.☆48Oct 16, 2018Updated 7 years ago
- Responsive documentation layout for your future projects 📚☆10Jun 15, 2022Updated 4 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
- Ejemplos del curso de Bootstrap 4: Maquetación Responsive y Layout de OpenWebinars.☆10Jan 31, 2018Updated 8 years ago
- This repo aims to create innovative react components used in awwwards like websites.☆19Jan 28, 2021Updated 5 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