DrawGlow banner

DrawGlow

Created by: Abdulgafar Abdurrasheed
11 devlogs
8h 52m 7s

A neon-glow radial symmetry drawing app built with React, TypeScript, and HTML5 Canvas. Draw mesmerizing mandala patterns with real-time symmetry, glowing neon effects, and a dark canvas aesthetic.

This project uses AI

Used AI for planning, and UI decisions

Demo Repository

README

Loading README...
Abdulgafar Abdurrasheed
Abdulgafar Abdurrasheed shipped DrawGlow
11 days ago

Shipped this project!

Hours: 8.86
Cookies: 🍪 229
Multiplier: 25.85 cookies/hr

Just a drawing canvas that ha this “Wow” factor, cause 1 stroke multiplies around a radius by a set number, and mirrors. Had Meg fun building it, and this has more math headache than the Neon type project (it’s okay, I love mathematics).

Abdulgafar Abdurrasheed
Abdulgafar Abdurrasheed worked on DrawGlow
15 days ago
1h 5m logged

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
0
Abdulgafar Abdurrasheed
Abdulgafar Abdurrasheed worked on DrawGlow
15 days ago
0h 44m logged

Changelog

0
Abdulgafar Abdurrasheed
Abdulgafar Abdurrasheed worked on DrawGlow
16 days ago
1h 2m logged

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)
Attachment
0
Abdulgafar Abdurrasheed
Abdulgafar Abdurrasheed worked on DrawGlow
16 days ago
0h 37m logged

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
0
Abdulgafar Abdurrasheed
Abdulgafar Abdurrasheed worked on DrawGlow
19 days ago
1h 31m logged

Changelog

Attachment
Attachment
Attachment
Attachment
0