zenitsu7772000

zenitsu7772000 / wireframe.el

Public

Wireframe for Emacs: a keyboard-first DSL to design wireframes, live-preview in-editor, and export clean HTML.

38
0
100% credibility
Found May 10, 2026 at 38 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
Emacs Lisp
AI Summary

wireframe-mode is an Emacs tool for quickly prototyping simple user interface layouts using descriptive text, with live previews, easy editing, and export options.

How It Works

1
🔍 Discover wireframe-mode

You hear about a fun tool inside your text editor that lets you sketch simple app screen layouts using everyday words.

2
📥 Get it ready

You place the tool into your text editor setup so it's all set to go.

3
📝 Sketch your first screen

Open a new file and describe your layout with easy phrases for headers, sections, buttons, and images.

4
👀 Watch it come alive

Split your view to see a real-time preview of your sketch right beside your writing, making it feel magical.

5
🔄 Tweak and update

Change your description, save the file, and instantly see the preview refresh for quick iterations.

6
✏️ Refine with shortcuts

Use simple key taps to add new parts, rearrange them, adjust spaces, or wrap elements neatly.

✅ Share your design

Export your polished wireframe as a web-ready page to show your team or bring your app idea to life.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 38 to 38 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is wireframe.el?

wireframe.el is a GitHub wireframe tool built in Emacs Lisp that lets you prototype low-fidelity UIs directly in Emacs using a keyboard-first Lisp DSL. You compose screens with components like headers, sections, buttons, and image placeholders, tweaking spacing and styles via attributes like :padding or :bg. It offers live preview in an Emacs split via eww, plus clean HTML or JSX exports—perfect for developers sketching wireframe UI without leaving their editor.

Why is it gaining traction?

This zen wireframe GitHub project stands out with structural editing commands for cloning, wrapping, or promoting elements, plus a command palette (C-c w) for quick actions. Live refresh on save and linting catch errors fast, hooking Emacs users tired of Figma or pen-and-paper for wireframe elements free. The DSL feels natural for Lisp fans, delivering wireframe to code GitHub workflows in a clean, distraction-free setup.

Who should use this?

Emacs diehards prototyping app layouts or wireframe elearning interfaces before coding. Backend devs mocking frontend wireframe elements list for client demos. Solo makers needing quick wireframe electronics or elevation sketches without design tool subscriptions.

Verdict

Try it if you're deep in the Emacs ecosystem—solid docs and intuitive DSL make the 38 stars and 1.0% credibility score forgivable for an early project. Skip for production unless you patch the eww rendering limits yourself.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.