A DESIGN WORKFLOW THAT STAYS YOURS

Shape the idea.
See the whole flow.

Start with a brief, build a connected set of screens, and bring every layer into Penpot ready to edit. Nelctro pairs open design tools with an optional local AI model.

Get started with Nelctro ↗Explore the canvas ↓
PENPOT · LOCAL AI OPTION · CLICKABLE PROTOTYPES
DEMO CANVAS   ·   choose a screen
n Nelctro / Goodday
LOCAL PREVIEW
Goodday / app flow
−   100%   +
WELCOME↗
MONDAY   ·   YOUR WEEK
A FRESH START

Make room
for good work.

One thoughtful step at a time.

Get started →
Small wins03
This week05
HOME · 01↗
MONDAY   ·   YOUR WEEK
YOUR WEEK, IN FOCUS

Make space for
good work.

Bring the moving pieces together and find your next small win.

Open dashboard →
Projects moving08
Focus time4.5h
CHECK-IN↗
TODAY   ·   YOUR PLAN
A LITTLE PROGRESS

Pick a small
next step.

You’re making steady progress.

See progress →
Complete72%
Streak4 days
FLOWHomeDetailsProgress
FROM FIRST BRIEF TO A CLICKABLE FLOW

A simple path from words to working screens.

Keep your process lightweight. Let the local model help shape the direction, then use the tools you already control to refine and share it.

01 / DESCRIBE✳

Start with the idea

Ask for a screen or a multi-step product flow. Add details about the audience, style, and states you need.

02 / SHAPE⌘

Refine the direction

Use natural language to adjust layout, copy, color, hierarchy, or the next screen in the journey.

03 / CONNECT↗

Make it interactive

Import editable layers into Penpot, connect your screens, and try click, hover, and timed transitions.

A SMALL TOOLKIT WITH ROOM TO GROW

Keep the thinking. Move the pixels.

Nelctro is built around an editable canvas workflow: practical screens, local-first AI, and motion you can preview in a prototype.

01 — EDITABLE BY DESIGN

Useful layers, ready for your hands.

Turn generated layout data into native Penpot boards, shapes, and text. Adjust the details in the design tool, not a screenshot.

02 — YOUR MODEL, YOUR MACHINE

Use local AI when you want to.

Generate and refine with Ollama on your computer. No paid design API is required for the local model workflow.

03 — MOTION THAT MAKES SENSE

Give the next step a little momentum.

Link screens with click, hover, or delay triggers, then use dissolve, slide, or push transitions in Penpot.

04 — OPEN DESIGN RESOURCES

Borrow a spark. Make the work yours.

Find components and motion patterns in free-start libraries. Check creator licenses before using their work.

FREE TOOLKIT

Good references, open doors.

Browse the source libraries directly. Nelctro links out; it does not copy or bundle third-party catalogs.

COMMUNITY COMPONENTS21st.dev ↗Explore UI ideas and components from creators. OPEN SOURCE UIshadcn/ui ↗Reusable patterns for React projects. OPEN SOURCE MOTIONMotion Primitives ↗Motion-led building blocks and inspiration.
READY WHEN YOU ARE

Bring the next idea
onto the canvas.

Nelctro writes editable layers into Penpot. Use the local workflow to create and refine the design JSON, then bring it into your file.

View plugin manifest ↗

Site and plugin assets are hosted on Cloudflare Pages. AI generation runs on your computer when you use local Ollama.

  1. Open your Penpot file and open the Plugins menu with Ctrl + Alt + P.
  2. Install the Nelctro manifest from the button on this page.
  3. Open Nelctro, paste your generated JSON, and create or replace a selected board.
  4. Link your screens in Penpot and preview the motion in the prototype.