Scroll-based CSS clip-path animation using plain JavaScript

"Frontend mentor" challenge, using reactJs and styled-components. The format of the div containing the amount of space available is shaped with clip-path: path(), to get formatted using characterizations from an SVG.

Plugin for Tailwindcss and css clip-path

Surya Sekhar Sharma | Portfolio

A editor to made clippath figures with pure CSS to insert in your web page

react-clip-path is a simple React-based package to create shapes declaratively using CSS clip-path property.

High-performance animated frontend built using React, GSAP, and Tailwind CSS, showcasing advanced scroll orchestration, clip-path effects, and GPU-accelerated motion design.

Création d'une page coming soon en HTML5, CSS3 et JavaScript.

Jacob Fugger biography

Clipping html element in random polygon

TypeScript-based library for generating CSS/SVG clipPath coordinates from images with transparent backgrounds.

A fully functional and professional Company website developed with ReactJs, HTML and SCSS.

Trying to create a semblance of the main menu of the "Grand Theft Auto - Vice City" game.

Morphing divs into custom shapes - Data pulled from a JSON file - Can be used wthout JSON just needs slight adjustment.

A website showcasing framer motion and GSAP animations.

Chrome Extension toolbar popup with different developer tools

Website to design custom clip-paths.

generate css clip path with rounded corners

Inspired from Min Pham's website, This project shows a 3d on-scroll rotating Earth 3d model, and a List with Clipping mask text animation on scroll and also, clip path menu fill animation on hover