DrawGlow

Changelog

• ux improvement
• Added Video export option, and improved topBar UI design

Changelog

• Added image background importing
• feature: Svg export

Changelog

• feature: Svg export
• Built a zoom calculator/display

You can now Export your Art as SVG or PNG, and Know your zoom percent.

Changelog

• Added sounds.

Changelog

• Tweaks and Updates

Changelog

• feat: add interactive keyboard shortcut guide component and integrate into application UI

Changelog

• added comment backend function
• Added a comments backend function
• Added playback function

Comment Section Now works for each mandala.

So now you can view every mandala, Like a mandala, and click on a mandala to drop a comment.

Changelog

• Added playback function

You can now draw, click the Timelapse button, an watch your art redraw itself stroke by stroke

Changelog

• Added square grids.

To improve Drawing Accuracy i guess. All drawing apps have this, so i added it lol

Changelog

• Tweaks and updates
• Added eraser brush type

Added an eraser brush type. Cancels stroke, Mandala style. Also Tweaked some Lint errors and typos

Changelog

• Tweaks, Updates, Bug fixes
• still has horrendous bugs, but i’m tired for now.

Fixed ugs. Globall gallery View now available

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/d9ca6bc8-467c-46ae-97cf-1f943e368879-Screenshot%202026-01-07%20203003.jpg

Changelog

• still has horrendous bugs, but i’m tired for now.

I’m going to sleep. That’s enough work for one day 🙃🙃

Changelog

• modified Gallery hook to feature managing pages for each user
• Added Login with google feature

Changelog

• Added Login with google feature
• made collapsible/expansible components

Changelog

• made collapsible/expansible components

Made the layers/Tool platelets components collapsible to improve UI, and reduce clogging. A drawing app shouldn’t be clogged by Various components.

Changelog

• De-Aied, fixed contrast problems, and made better UI/UX all round.
• vote feedback fix: stopped page elements from stopping your drawings, and tried to De-AI a bit

Treating Users right, Fixing stuff Highlighted in User feedbacks, and improving User experience

Changelog

• Comleted global gallery feature to view and publish community artwork

You can now view artwork from other creators in the global gallery. Next up is: Comminity feedback(Comments, likes, maybe reshares), profile pages where you can see and manage all your own artworks, and authentication(Gives me the chills.)

Adde

Changelog

• Started implementation of a global gallery
• Added layering

Started implementation of a global Gallery, where each person’s Mandala is saved to a database, and everyone can see it(If they want..)

Changelog

• Added layering

Added layering logic. You can now draw on different layers, without them affecting one another. Lol

Added 3 different types of brushes. The standard “solid” brush, the Particle brush, and the pulse brush

Changelog

• Added different brush styles

Changelog

• updated the app to have pan and zoom

The app now zooms in and out with mouse control(scrolling for trackpad, and scrollwheel for actual mouse).

It’s till a tad bit buggy, Infact, a whole lot buggy, but it’s a devloggable uodate

Added brush Opacity control. You can now make your strokes lighter or brighter. Also added PWA architecture, so the app works offline.

Changelog

• Added custom color picker

Yeah, Just that lol

Rewrote the gallery to use IndexedDB with idb-keyval to remove the space limit. Now unlimited gallery items instead of the former 20. Have to fix the gallery to be aware of that tho/

refactored the undo/redo, to save line/stroke mathematics, instead of the whole page’s snapshot

Changelog

• Completely extracted 3 custom hooks from the app component, and wired them to the new app component
• Extracted the gallery logic to a custom hook
• created custom hook for Undo/Redo functionality.

Refactored the structure, and created custom hooks

Changelog

• completed gallery view feature
• gallery view
• Gallery save: 200×200 JPEG thumbnails to localStorage (max 20)
• Slide-out panel with 2-column thumbnail grid
• Delete artwork
• Gallery button in TopBar with cyan badge showing saved count
• Empty state message when gallery is empty

Changelog

• Separate the Guide Line rendering component
• added dynamic circle brush cursor
• added keyboard shortcuts
• 8 keyboard shortcuts
  • Ctrl+Z for Undo
  • Ctrl+S for Export/Download
  • G to toggle guide lines on/off
  • M to toggle mirroring on/off
  • N to toggle glow on/off
  • [ to reduce strokess
  • ] to increase strokes
• Ctrl+S overrides browser “Save Webpage” → exports artwork instead
• Dynamic brush cursor preview (size + color + glow matches settings)
• Extracted GuidesOverlay.tsx with center pivot dot

Changelog

• added toast component
• completed component separation
• Extracted ColorPicker
• Extracted BrushSlide
• Extracted SymmetryControl
• Extracted ToggleGroup
• Built Toast.tsx with auto-dismiss timer

Changelog

• Separate the tool palette component
• Separate the top Bar component
• Start splitting components, starting from the canvas
• Extracted Canvas.tsx
• Extracted TopBar.tsx
• Extracted ToolPalette.tsx
• App.tsx reduced from ~200 lines to ~80 lines of JSX

Changelog

• Add faint guide lines
• added toggle buttons for glow, mirror, and guides, added symmetry axes number changer
• Symmetry axes stepper. Steps of 2, range 2-32
• Toggle group Buttons for glow, mirroring, and guide lines
• DOM-based visual guide lines (excluded from PNG export!)
• Guide count adapts to symmetry count + mirror state

Changelog

• added brush change size slider to tooolbar
• add color picker
• added toolbar placeholder
• added Png export, and TopBar with buttons
• Floating glassmorphism toolbar at screen bottom
• Color picker
• Brush size slider
• Scrollbar-hide CSS for mobile overflow scroll

Changelog

• added Png export, and TopBar with buttons
• PNG export with timestamped filename
• Toast notification state for export feedback
• TopBar UI
• Undo button (disabled when stack empty, Lucide icon)
• Clear button (with undo safety net)
• Export button (white, glowing, hover:scale animation)

Changelog

• finished undo system. ctrl+ z for undo
• implement undo/redo
• saveState() snapshots canvas to data URL before each stroke
• undo() clears canvas, restores previous snapshot
• clearCanvas() wipes with undo safety (saves before clearing)
• Ctrl+Z / Cmd+Z keyboard shortcut for undo

Changelog

• added mirroring, and glow features
• Radial symmetry engine. strokes replicated N times around center
• ctx.translate + ctx.rotate math for center-origin symmetry
• Mirror reflection, doubles every axis
• Neon glow: canvas shadowBlur scales with brush size

Changelog

• Basic line rendering now working
• added drawing start and stop handlers, cleared the unnecessary hook
• create pointer coordinate extraction
• getCoordinates() unified helper mouse + touch
• startDrawing / stopDrawing lifecycle
• Basic single-stroke drawing engine
• Wired all 8 event handlers to canvas
• First visible drawing on screen!

Changelog

• create the canvas to fill the background, and add dimensions
• create the canvas to fill the background, and add dimensions
• add types and constants
• Project initialisation complete
• Installes tailwind and lucide-react
• Initialised the project
• Defined TypeScript interfaces
• Created color palette constant
• Set game defaults
• Built minimal App shell with all state hooks
• Initialized full-screen canvas with background fill

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/d9ca6bc8-467c-46ae-97cf-1f943e368879-Screenshot%202026-01-07%20203003.jpg