David Ewins

ZESTY UI

The web kit for davidewins.com, TAKEOVER, TKVR and Psyche. One version of each component, built from your picks: pills only, 24 to 32px controls, 36px rows, black when selected. Every site version

Native kit

The iOS and Android kit. Scan with your phone camera, or open in Expo Go.

Open in Expo Go

Buttons

Button

TKVR studio’s button family, at 24, 28 and 32px

Full-width button

YKYC and TKVR’s full-width action, at 32px

Icon button

TKVR studio’s round icon button, at 24 and 28px

Copy button

davidewins.com’s CodeBlock copy pill

Inputs

Text input

TKVR studio’s input and YKYC’s, at 32px

Field

YKYC’s Field, with the error in red

Textarea

The text input’s style, three lines

Select

TAKEOVER’s floating list on the text input, 28px rows

Segmented control

davidewins.com’s font tool and TKVR studio’s sliding chip

Chips

TKVR’s filter chips

Radio

PREPPERS’ tick rows, at 36px

Checkbox

PREPPERS’ tick row with a square tick

Switch

davidewins.com’s switch, green when on, at 32 by 18px

Code input

TKVR’s separate boxes, at 36px

4
8
2

Slider

The browser slider in black

Stepper

TAKEOVER’s quantity pill, in grey

2

File upload

TKVR’s dropzone, shorter

Calendar

TAKEOVER’s calendar

October 2026
MoTuWeThFrSaSu

Lists and overlays

List

PREPPERS and YKYC lists, at 36px rows

Table

TKVR studio’s payouts table

OrderCustomerTotal
#1042Aoife€24.00
#1043Cian€18.50
#1044Niamh€31.00

Dialog

PREPPERS’ sheet and TAKEOVER’s dialog, tightened

Delete this item?

It comes off your page straight away. This can’t be undone.

Side sheet

TKVR studio’s drawer, without hairlines

Edit product

Bottom sheet

TKVR studio’s drawer on a phone

Edit product

Popover

TAKEOVER’s popover, borderless

Share

Anyone with the link can view this page.

Tooltip

TAKEOVER’s tooltip, as a pill

More options

Command palette

Psyche’s palette in the kit’s card

Search…
OrdersGo to
SettingsGo to
New productCreate

Content

Card

YKYC’s panel

Pro plan

Everything in Free, plus custom domains.

Stat

TKVR studio’s StatCell

Revenue

€3,980

+12% this week

Orders

142

This week

Badge

TKVR studio’s StatusPill, white text on solid

LiveDraftPendingFailed

Avatar

Grey initials at 20, 24 and 32px

DEDEDE
AOCMNB+3

Empty state

TAKEOVER’s Empty and Psyche’s EmptyState

No orders yet

Orders show up here as soon as someone checks out.

Accordion

TAKEOVER’s accordion, at 36px rows

Payouts land in your bank every Monday for the week before.

Yes. Your page stays up until the end of the month you paid for.

Code block

davidewins.com’s CodeBlock

Terminal
npm install zesty-ui

Keyboard key and separator

Psyche’s Kbd, TAKEOVER’s separator

Press ⌘ K to search

Below the line

Chat

TKVR’s message bubbles

Is the 7pm slot free?
Yes, booked you in.

Rating

TAKEOVER’s amber star, five across, filled to the half

4.5

Page header

TKVR studio’s PageHeader, at 20px

Orders

142 this week

Section header

TKVR studio’s section bar

Recent orders

All orders

Feedback

Toast

Designed for the kit: a black pill

Saved. Your page is updated.

Save bar

TKVR studio’s save bar, floating

You have unsaved changes.

Error

davidewins.com’s line and TKVR’s box

Warning

Designed fresh

Payouts are paused. Add a bank account to get paid.

Loading

YKYC’s skeleton and the Loader2 spinner

Progress

PREPPERS’ meter and steps

Navigation

App bar

Psyche’s app bar, without the border

Orders

142 this week

Page tabs

davidewins.com’s export tabs, at 28px

Mobile tab bar

TKVR fan app’s tab bar

Pagination

TAKEOVER’s pages, current in black

Marketing

Plan card

TKVR’s TierCard

Pro plan

€12a month

  • Custom domain
  • Unlimited products
  • Priority support

Closing call to action

TKVR’s FinalCta, tighter

Start selling today

Set up your storefront in ten minutes.

Long-form text

davidewins.com’s legal prose, tighter

How we use your data

We keep your orders so you can see them later. We never sell your details, and you can delete your account at any time.