Halftone Background

Any image, or a lit sphere, printed as a halftone dot screen, with a loupe that looks closer under the cursor, built with React and canvas.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @kokonutui/halftone-background

Files

• components/kokonutui/halftone-background.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review