SLM - Simple Logo Maker

A simple, fast, and modern web application to create clean text logos with customizable gradients, backgrounds, and any Google Font. Export your creations directly to SVG or high-resolution PNG.

Features

• Custom Canvas Sizing: Flexible presets (Social, Favicon, Banner, App Icon) or custom dimensions.
• Rich Text Elements: Add multiple text layers with custom positioning, font sizes, weights, letter spacing, and rotation.
• Image Uploads & Graphics: Upload and embed PNG, JPG, SVG, and WebP images directly onto the canvas with drag-and-drop support, scaling, aspect ratio locking, corner rounding, and opacity controls.
• Layer Management: Reorder layers (bring forward, send backward, bring to front, send to back) with a dedicated Layers inspector.
• Gradients & Colors: Support for solid colors, linear gradients, and radial gradients with customizable angle and stops.
• Google Fonts Integration: Browse and use fonts directly from the Google Fonts library with real-time preview and loading.
• Flexible Backgrounds: Solid color, linear/radial gradients, or transparent background.
• Vector & Raster Exports: Export self-contained, lossless SVG (with embedded fonts and base64 images) or high-resolution PNG with custom scaling multipliers.
• Undo / Redo & History: Full state history support for seamless editing.
• Mobile Friendly & Responsive: Clean and modern UI tailored for both desktop and mobile screens.

Tech Stack

• Framework: TanStack Start / TanStack Router
• Runtime & Package Manager: Bun
• UI & Styling: React 19, Tailwind CSS v4, shadcn/ui
• Build Tool: Vite

Getting Started

Prerequisites

Make sure you have Bun installed:

# macOS & Linux
curl -fsSL https://bun.sh/install | bash

# Windows (PowerShell)
powershell -c "irm bun.sh/install.ps1 | iex"

Installation

# Clone the repository
git clone https://github.com/GamerJagdish/slm.git
cd slm

# Install dependencies
bun install

Development

Start the local development server:

bun dev

The application will be available at http://localhost:3000.

Production Build

Build and run for production:

# Build the project
bun run build

# Preview the build
bun run preview

Code Quality

# Run ESLint
bun run lint

# Format code with Prettier
bun run format

License

Distributed under the MIT License.