css-mask

Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Zero JavaScript.

A Tailwind CSS plugin that provides utilities for working with mask properties, allowing you to easily apply masking effects to your elements.

website, pet project / 3d-scroll, JS, draggable

Mantine Mask is a React/Mantine component that applies a cursor‑follow or static spotlight using CSS masks, revealing content inside the spotlight and softly fading the outside.

Cut the silhouette of one DOM element out of another — contour-following cutout masks. Zero-dep core, React adapter.

CSS Mask Switch

a lit bit logo mask picture github形态图片

Turn one photo into an interactive decrypt-lens hero — reusable zero-dependency effect, playground, and full AI asset workflow.

MaskHover: Add stunning image mask effects on mouse hover or click. Elevate visual appeal by overlaying elegant masks, creating an engaging experience. Customizable and easy integration for effortless enhancement of your webpages or applications.

Reveal hidden elements hovering over it.

An experimental interactive garden that uses AI tools to create a hyperrealistic web experience.

SVG icons as CSS design tokens rendered with mask, with SVGO pipeline, typed names and Angular / Material / React / Vue examples.

A css mask overlay generator and preview

Stripe mask reveal generator using GSAP & CSS Mask