Image Masking

Caller images are framed by original Cojeev silhouettes using CSS masks or SVG clip paths.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add https://cojeev.com/ui/r/image-masking.json

Files

• registry/cojeev/ui/image-masking.tsx
• registry/cojeev/styles/image-masking.css
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts
• registry/cojeev/lib/chart-geometry.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Image Components
• React Image Components
• Tailwind CSS Image Components
• Mask Effect Components
• React Mask Effect Components
• Tailwind CSS Mask Effect Components
• Media Components
• React Media Components
• Tailwind CSS Media Components

More from Cojeev UI

• Accordion
• Accordion Gallery
• Action dock
• Activity feed
• Motion Adjuster
• Agent chat
• Agent state
• Alert
• Alert Dialog
• Ambient background
• Animated icon
• Animated number