PersonaForge
A frontend-only profile card builder with instant export. Built with Next.js, Tailwind, and html2canvas – no backend, no login, no BS.

Fri Apr 04 2025

Next.js
Tailwind CSS
React
Framer Motion
html2canvas
Radix UI
Embla Carousel
No Backend
UI Tool
Image of PersonaForge

What is PersonaForge?

PersonaForge is a frontend-only tool for generating digital profile cards. It’s built for devs, designers, and creators who want something simple, fast, and clean — without logging in or waiting for some database to catch up.

The idea is simple:
Fill out your profile → pick a style → export as PNG, HTML, Tailwind JSX, or JSON.


Why I Built It

I was tired of the usual builder bloat.
Every no-code tool either required:

  • Figma skills
  • Custom CSS work
  • Signups and databases

So I built something different. A zero-backend, frictionless playground with just enough power to be useful — and just fast enough to actually be fun.


Stack Overview

  • Next.js 15 — built using the app directory and new caching primitives.
  • Tailwind CSS — fast, expressive styling without the CSS-in-JS mess.
  • Radix UI — accessible UI primitives under the hood.
  • Framer Motion — animations and fluid transitions.
  • Embla Carousel — card previews and template navigation.
  • html2canvas — lets users export their card as a PNG.
  • React Hook Form, lucide-react, cmdk, vaul, and more.

Everything lives in the frontend. No authentication, no server functions, no persistent state. Just live previews and clean export code.


Core Features

  • Real-time preview with editable fields
  • Export as:
    • Image (PNG)
    • Copy-pasteable HTML/CSS
    • Tailwind JSX
    • Raw JSON config
  • Multiple design presets: Brutalist, Minimalist, Retro, Pastel Pop, and more
  • Custom color schemes, fonts, spacing, and avatar options
  • Twitter/X banner and LinkedIn card previews
  • No login, no tracking, no vendor lock-in

Use Cases

  • Indie developers making portfolio sites
  • SaaS founders creating team sections fast
  • Designers needing a structured starting point
  • Creatives who want a branded, exportable contact card

Status

✅ Live — fully usable at personaforge.me
🚀 Launched — on Reddit, Hacker News, X, LinkedIn, and ProductHunt
🧠 In Discussion — about potential resale or integration
🔒 Not Open Source — this project is currently not public on GitHub


Licensing & Ownership

This project is not open source and is currently listed on Flippa for acquisition. All code, rights, and assets are owned by Marcus Ruud.

For inquiries, collaborations, or feedback:
Twitter/XLinkedIn


Want to learn how it was built?

Check out the full dev breakdown:
📖 How I Built PersonaForge in 5 Days