Projects in Awesome Lists tagged with clip-path
A curated list of projects in awesome lists tagged with clip-path .
https://github.com/argyleink/transition.css
:octocat: Drop-in CSS transitions
animations clip-path css hackpack keyframes masking transitions
Last synced: 14 May 2025
https://github.com/nigelotoole/angled-edges
Add a consistent angled edge to a full width element with this SASS mixin.
Last synced: 16 Aug 2025
https://github.com/mellambias/tailwind-clip-path
Plugin for Tailwindcss and css clip-path
clip-path css plugin tailwindcss utilities
Last synced: 12 May 2025
https://github.com/thereallo1026/shape-morph
Material Design 3 shape morphing for the web.
animation bezier clip-path css-transitions material-design react shape-morph svg typescript
Last synced: 15 Feb 2026
https://github.com/srikant-code/my-front-end-codes
This consists of my front end projects in which I have coded in CSS and JS. Check this out you will surely enjoy the README.md.
calculator-application clip-path conveyor-belt css css-animations flexbox html-css-javascript javascript movie-recommendation movies movies-api sass scss space svg-animations
Last synced: 07 May 2025
https://github.com/mohammadjodaki/animation
animation clip-path css3 html5 text-shadow
Last synced: 14 May 2026
https://github.com/saas98/react-typescript-test
Simple react test project with react libraries and components. Built with Next.js
clip-path nextjs recharts tailwindcss typescript
Last synced: 10 Apr 2026
https://github.com/maxcore25/sass-responsive-example
Just A Practice With Sass And Making A Mobile-first Responsive Layout
clip-path css html responsive-design responsive-layout
Last synced: 29 May 2026
https://github.com/noeldelgado/demo-x-ray-me
:skull: SVG clip-path experiment
Last synced: 08 Jan 2026
https://github.com/leonidasesteban/hero-ui-css-master
Primera clase de CSS Master
Last synced: 22 Apr 2026
https://github.com/bedimcode/responsive-clip-path-card
Responsive Clip Path Card HTML CSS | Hover Effects
clip-path css-hover-effects responsive-cards
Last synced: 11 Mar 2026
https://github.com/rivaldoesteban/project-striped
Realizando los proyectos de la página https://leonidasesteban.com/proyectos
Last synced: 23 Aug 2025
https://github.com/hasanthebest/background-animation-practice
This CSS3 background animation effect on text using clip-path and background position property. This is originally coded by brad. I customize only to learn myself
clip-path css3 css3-animation css3-transitions html5
Last synced: 19 Apr 2026
https://github.com/mikeludemann/css-clip-path-effects
A CSS animation effect with clip-path
animation-effects clip-path css html
Last synced: 29 Apr 2026
https://github.com/aperbet56/angled_background_sections
réation de sections inclinées en HTML5 et CSS3 via la propriété clip-path.
clip-path css3 html5 responsive responsive-design transition-animation
Last synced: 27 Apr 2025
https://github.com/developer-zahid/two-layer-text
clip-path css css3 filter js mouse-events mousemove
Last synced: 15 May 2026
https://github.com/lnardon/clippathdesigner
Website to design custom clip-paths.
clip-path css css3 design javascript
Last synced: 09 Jun 2026
https://github.com/godgardensguns/clip-path-cutout
Generate cutouts of various shapes for HTML elements using CSS clip-path.
clip-path clippath css cutout javascript typescript web-design webdesign
Last synced: 13 Apr 2026
https://github.com/loosenthedark/brew-barberista-landing-page
Frontend landing page for Brew Barberista, an independent coffee shop and barber located in Raheny, Dublin 5: https://loosenthedark.github.io/brew-barberista-landing-page/ *** NB: This project is an expanded version of the original (built in July 2021), the repository for which can be found here: https://github.com/loosenthedark/brew-barberista ***
clip-path css css-animations css-grid event-listeners flexbox font-awesome frontend google-maps-api html javascript landing-page mobile-first off-canvas-menu pexels responsive-design video-background
Last synced: 14 May 2026
https://github.com/wjd3/clip-path-cutout
Generate cutouts of various shapes for HTML elements using CSS clip-path.
clip-path clippath css cutout javascript typescript web-design webdesign
Last synced: 18 Mar 2025
https://github.com/radiium/polydiv
Clipping html element in random polygon
clip-path convex-hull css javascript polygon
Last synced: 19 May 2026
https://github.com/developer-zahid/clip-path-switch
Clip Path Switch is a css clip path based input switch.
clip-path css css-switcher path switch
Last synced: 23 Jul 2025
https://github.com/aperbet56/clip-path_cards_animation
Création d'une animation clip-path cards au survol de la souris en HTML5 et CSS3.
animation-css clip-path css3 html5
Last synced: 03 Apr 2025
https://github.com/aperbet56/nouvelle_animation_clip-path_au_scroll
Création du nouvelle animation clip-path : au scroll, changement d'image et de background.
animation-css clip-path css3 html5
Last synced: 03 Apr 2025
https://github.com/georgewpark/css-gradient-clip-path-borders
This project demonstrates how the CSS clip-path property can be used to create a variety of shaped gradient borders.
border clip-path css css-gradients design
Last synced: 15 Oct 2025
https://github.com/joakimteixeira/tech-marketing-site
Marketing site for imaginary product
clip-path css html responsive-design sass
Last synced: 11 May 2026
