Snippix

Snippix

A powerful tool for sharing beautiful, customizable code snippets with flexible styling and export formats.

Type

Web App

Role

Full-stack Developer

Built

Q2 2025

Updated

Q2 2025

Source

GitHub

Tech Stack

Next.jsReactZustandTypeScriptShadcn UITailwind CSSHighlight.jsReact Hotkeys Hook
01

Why I Built This

I share code snippets frequently and wanted a tool that feels instant instead of clunky.

The target UX was keyboard-friendly controls, sharp visual output, and export quality that matches preview exactly.

02

How It Works

You paste code, pick a theme and layout, and Snippix generates a polished preview in real time.

Export supports common sharing workflows and keeps visual consistency between editing and output.

Snippix editor interface

03

Key Decisions

  • Zustand for precise state subscriptions.
  • DOM-to-image export for preview fidelity.
  • Lean default controls to reduce cognitive load.
04

What I Learned

In creator tools, strong defaults and predictable output are more valuable than adding many controls.