Skip to content
zedkit

zedkit · open source, MIT

Code that's checked. Screens that match.

Paste one prompt in the agent you already use. It reads the repo and writes the setup.

SetupGet startedBrowse catalog

What you see installs from npm or copies as source · MIT · React 19 · Tailwind 4

Harbor Studio

Project tracker

Relaunch · 62% done · 5 days left

Harbor Studio / Overview
Live

Website relaunch

Launch on 25 November. Here is where the team stands today.

Open tasks

10

In review

2

Done

2
Tasks closed this week

Up next

  • Write the homepage copy
    In review
    3 Nov
  • Redirect the old product URLs
    In progress
    4 Nov
  • Connect the contact form to email
    Blocked
    5 Nov

Calendar

Due dates for the next weeks.

November 2026

Due on 4 November

  • Redirect the old product URLs
    In progress
    Luca Moretti

Team

Pick someone to see what is on their plate.

Role
Project manager
Open tasks
2
Next due
6 Nov · Review the checkout flow on phones

Settings

Workspace name, region and who gets the daily mail.

One mail each morning with what changed.

Display

Same idea, two places

The UI kit and the AI setup are one product. Use one, or both.

  • UI

    Install the packages or copy the source. Same components either way.

  • AI

    Paste a prompt. The agent writes the skills, agents and commands your repo needs.

What the kit is

  • Paste one prompt in the agent you already use. It reads the repo and writes the setup.

  • The combined prompt covers AI, UI and Nest (API).

  • Install from npm or copy the source. Same components either way.

  • What you see is MIT, React 19, Tailwind 4.

  • A look sets type, shape, density and color together.

  • This is packages and a docs site, not a hosted app with accounts.

Paste one line. Go to lunch.

The combined prompt covers AI, UI and Nest (API). Full install steps stay on Getting started.

Full install steps

Looks like your product

A console, a newsroom and a shop, built from the same components. Each look sets type, shape, density and color together.

Live components, not screenshots.

Project settings

Workspace name, region, and who gets incident mail.

Active

MemberRoleStatus
Owner
Active
Admin
Invited
Member
Active

Mist: Inter; 0.5rem radius, 1px border.

Try the demo editorSee identities in componentsStart without writing code

And yours?

That was a console, a newsroom, a shop. Describe your own product and try a look made for it, in light and dark, before you decide anything.

A few sentences. Paste a link to a site you like if you want to: the assistant reads its styles and words, not its pictures.

This opens the identity assistant with your text in place. Nothing is sent until you press Generate there.

Find a component

68 UI entries in the catalog. Each name below opens a live doc page.

Actions

Buttons, badges, icon actions and toasts.

ButtonIcon buttonBadgeToaster

Forms

Inputs, selects, date pickers and validated forms.

FormInputTextareaSelectComboboxMulti-selectCheckboxDate picker

Overlays

Dialogs, drawers, popovers, menus and tooltips.

DialogConfirm dialogDrawerPopoverDropdown menuTooltipRoute modal

Data and states

Tables, detail panels, cards, and loading, empty and error states.

Data tableDetail panelCardEmpty stateError stateSkeleton
Browse all UI in the catalog

More in the kit

One start page per area.

Build a UI

Components, layout, forms, tables, and theme tokens for any React UI — sites, apps, dashboards, and admin tools.

Start with buttons

Core & server

Result helpers and tryCatch for any JS/TS project; Nest bootstrap, structured logs, rate limits, and webhook signing on server and nest.

Start with the Nest bootstrap

Improve SEO

Localized metadata, sitemaps, JSON-LD, and Payload SEO validation.

Open SEO docs

Set up coding agents

Skills, subagents, and provider copies validated from one manifest.

Open agent setup docs