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 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 5 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
- 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
- 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.
- 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
- ☆102Oct 30, 2020Updated 5 years ago
- A set of playful dragging effects for images using various techniques.☆80Feb 7, 2020Updated 6 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.☆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.☆127May 30, 2025Updated last year
- Managed Kubernetes at scale on DigitalOcean • AdDigitalOcean Kubernetes includes the control plane, bandwidth allowance, container registry, automatic updates, and more for free.
- <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☆145Jan 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
- An open source multimethod grid library for creating scalable mobile-friendly responsive website and application layouts.☆13Jun 18, 2025Updated last year
- A flutter package for simplifying responsive layout changes.☆15Aug 22, 2026Updated last month
- minimal data flow themed website with clean design and responsive layout☆13Feb 18, 2025Updated last year
- An animation on a vertical image stack for a menu that expands to arrange the stack items on a horizontal line.☆50Sep 22, 2021Updated 5 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
- Reaction-diffusion on GPU in WebGL.☆41Jun 11, 2023Updated 3 years ago
- 1-Click AI Models by DigitalOcean Gradient • AdDeploy popular AI models on DigitalOcean Gradient GPU virtual machines with just a single click. Zero configuration with optimized deployments.
- Group layout sidebar is an interface for Directus that provides field organization with a docked sidebar☆16Mar 19, 2024Updated 2 years ago
- 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 8 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
- ☆11Jan 28, 2023Updated 3 years ago
- This repo aims to create innovative react components used in awwwards like websites.☆19Jan 28, 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 10 years ago
- Learn how to make a wave motion effect on an image with Three.js.☆205Dec 12, 2022Updated 3 years ago
- Responsive Layouts and Text for Flutter☆14Jan 3, 2022Updated 4 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.
- A Directus flow operation to generate PDF documents with PDFMake.☆13Oct 13, 2024Updated 2 years ago
- A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.☆51Sep 7, 2022Updated 4 years ago
- ☆16Apr 12, 2021Updated 5 years ago
- 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.☆154Aug 23, 2021Updated 5 years ago
- Matrix Multiply CHOP☆30Jan 13, 2025Updated last year