TextEncoder is a minimalist web-based logo editor built to showcase my personal portfolio of typographic logo designs. Each logo is loaded as layered SVG markup, allowing simple edits like color adjustments, scaling, and layer visibility toggling.
This project, encapsulated within a clean, accessible UI, reflects both my design philosophy and front-end development skills.
- 🎨 Live SVG Editing: Interact with preloaded vector logos using a minimal toolset.
- 🧱 Layer Controls: Toggle visibility and lock layers during editing.
- 💻 Accessibility-First: Built using React Aria Components for seamless keyboard navigation.
- 🧬 SVG as Data: All logos are rendered using react-svg and managed as modular vector layers.
- 🎮 Minimal UI: Designed for clarity, speed, and intentional interaction.
- ⚛️ React: Component-based architecture for dynamic UI
- ⚡ Vite: Fast, modern build tooling
- 🧩 React Aria Components: Accessible, composable UI primitives
- 🧼 Vanilla CSS: Handcrafted, scoped styles using CSS Modules
- 🖼 ReactSVG: SVG rendering via
<ReactSVG />for inline markup
This project is open source under the MIT License.
This is a personal creative project, but feedback, ideas, and contributions are always welcome.