EmojiBrush

🌤️ 🌨️ ☁️ 🐝 🗻 ❄️ ❄️ ⛈️ 🦅 🌩️
☁️ 🦋 🌈 ⛰️ ⛰️ 🚠 ⛰️ 🌨️ 🌨️ 🌩️
🌨️ 🌈 ⛰️ 🌲 ⛰️ ⛰️ ⛰️ ⛰️ ⛰️ 🌨️
⛰️ ⛰️ 🐒 ⛰️ ⛰️ ⛰️ ⛰️ 🧗‍♂️ ⛰️ 🦉
🌴 🌴 🌴 ⛰️ ⛰️ ⛰️ 🌴 ⛰️ ⛰️ ⛰️
🌊 🌊 🌊 ⛵️ 🏝️ 🏝️ 🌊 🌊 🏊 🌊
🌊 🦈 🌊 🌊 🌊 🌊 🌊 🐳 🌊 🌊
🌊 🌊 🌊 🌊 🚤 🌊 🌊 🌊 🌊 🌊

This is a Next.js project bootstrapped with create-next-app.

TODO

• fix localstorage update issues
• fix palette ux
• help
• mobile
• switch to context
• add prettier
• add CI (now / tests)
• tablet styling
• emoji cursor
• eyedropper tool
• reset tool
• resize inputs
• undo tool
• create a reusable click outside hook (currently used in Header / Canvas and the touch events are buggy)
• add 'drag' to mobile
• cool initial drawing
• debounce localstorage sync
• PWA
• random palette
• switch to ts
• convert to next app
• add vercel analytics
• add vercel speed insights
• replace emoji-mart or update it once it supports react 19
• fix scrolling when the artboard is bigger than the viewport
• address scrolling on touch devices: add draw<->pan toggle for touch devices
• enable scrolling/panning/zooming with multi-touch

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.