dotart

Transform photos into pointillist art. Ready for print or web. by shiara

Live Demo · Report Bug

---

· Features

○ ○ ○   Upload any image (PNG, JPG, WebP)
○ ○     Adjust density and dot size
○ ○ ○   Contrast & brightness controls
○       Custom dot shapes (circle, square, diamond, star, heart)
○ ○     Custom colors (dot & background)
○ ○ ○   Presets (retro, newspaper, sketch)
○ ○     Export as SVG or PNG (1x, 2x, 3x, 4x)
○       Code export (React, HTML)

---

· · Tech Stack

·───────────────────────────────────·
│  React        ·  Vite             │
│  TypeScript   ·  Tailwind CSS     │
│  shadcn/ui    ·  Vercel           │
·───────────────────────────────────·

---

· · · Quick Start

# Install
bun install

# Run
bun dev

---

· · · · Project Structure

dotart/
├── src/
│   ├── components/
│   │   ├── ui/              # shadcn/ui
│   │   ├── HeroArt.tsx      # Animated hands
│   │   ├── SplashScreen.tsx # Dot wave animation
│   │   └── DotText.tsx      # Text as dots
│   ├── App.tsx              # Main app
│   └── index.css            # Styles
└── public/
    └── hands.avif           # Michelangelo hands

---

_{made by shiara arauzo}