1.0.0
First release. Everything in the ZIP is listed above.
#FFFFFF#C44815#CDBBB7#D8DADF#637BB5
PAL-UI-02 / UI kit / Mid
Admin Kit
An admin panel, designed once: components, ten screens, light and dark.
- components
- 106
- screens
- 10
- SVG frames
- 50
Commercial selected, $99
| Personal | Commercial | Extended | |
|---|---|---|---|
| Who can use it | One person | Up to 5 team members | Up to 25 team members |
| Personal projects | Yes | Yes | Yes |
| Client projects | No | Yes, unlimited | Yes, unlimited |
| Free end products | No | Yes | Yes |
| Products where users pay | No | No | Yes |
| Credit required | None | None | None |
None of the licences let you resell or share the files, upload them to a marketplace, or use them to train AI models. Compare licences in full
View live demo
Sample content only. The page is the shipped HTML, nothing added.
- Instant download after payment. Links also arrive by email.
- One-time purchase, no subscription.
- No account. Guest checkout.
- Files
- 225 files
- Formats
- HTML, CSS, SVG frames (vector, text as outlines), PNG frames 1x
- Built for
- Tailwind CSS v4 · Chrome, Safari, Firefox, Edge (current versions)
- Size
- 8.6 MB zipped, 32 MB unzipped
- Version
- 1.0.0
USD. Taxes such as VAT, GST or sales tax, where they apply, are added at checkout.
One-time purchase. Licence: Commercial. Read the licence agreement
Digital files can't be returned. If something's broken or missing, we fix it or refund you. Refund policy
You'll pay on Stripe's secure page. We never see your card number.
What it's for
For the internal tool, the client back office, the "we need an admin by Friday" project. The screens are the usual suspects (overview, orders, order detail, customers, inventory, billing, settings and so on), and each one is built from the same components you also get separately.
What's in the ZIP
106 components in 15 groups and 10 full screens, each in light and dark. Every screen and every component group also comes as an SVG frame for Figma, plus a PNG preview. The folders are ordered the way you'd build: components, screens, frames, CSS. 225 files, 8.6 MB zipped. The screens are real pages you can open straight away.
Folders on the left are the layers on the right. Counts and sizes are read from the ZIP itself.
components/106 files189 KB
auth/4 files8 KB
- login-card.html2 KB
- reset-card.html1 KB
- signup-card.html2 KB
- twofactor-card.html3 KB
badges/4 files6 KB
- badge-dot.html631 B
- badges-pill-count.html1 KB
- badges-status.html1 KB
- tag-removable.html3 KB
buttons/6 files8 KB
- button-group.html894 B
- button-icon.html2 KB
- button-loading.html523 B
- button-sizes.html1 KB
- button-split.html774 B
- buttons-variants.html2 KB
charts/13 files31 KB
- chart-area.html2 KB
- chart-bar-horizontal.html2 KB
- chart-bar.html4 KB
- chart-combo.html2 KB
- chart-donut.html2 KB
- chart-funnel.html1 KB
- chart-gauge.html772 B
- chart-heatmap.html4 KB
- chart-line.html3 KB
- chart-multi-line.html2 KB
- chart-radial.html2 KB
- chart-sparkline-row.html1 KB
+ 1 more files
- chart-stacked.html4 KB
commerce/8 files11 KB
- inventory-row.html1 KB
- invoice-table.html2 KB
- order-row-card.html999 B
- payment-method.html1 KB
- price-input.html1 KB
- product-card.html982 B
- product-media.html2 KB
- shipping-card.html1 KB
data-display/10 files21 KB
- activity-feed.html2 KB
- avatar-stack.html1 KB
- calendar-mini.html8 KB
- description-list.html797 B
- kanban-card.html2 KB
- kpi-row.html941 B
- list-avatar.html2 KB
- order-summary.html794 B
- stepper.html2 KB
- timeline.html1 KB
empty-states/3 files4 KB
- empty-error.html1 KB
- empty-no-data.html1 KB
- empty-search.html1 KB
feedback/10 files13 KB
- alert-banner.html2 KB
- alert-inline.html870 B
- drawer.html2 KB
- modal-confirm.html1 KB
- progress-bars.html1 KB
- skeleton-card.html327 B
- skeleton-table.html1 KB
- spinner.html771 B
- toast-stack.html2 KB
- tooltip-popover.html1 KB
filters/4 files6 KB
- filter-chips.html2 KB
- filter-search-bar.html2 KB
- filter-segmented.html1 KB
- filter-select-row.html2 KB
forms/16 files18 KB
- checkbox-radio.html1 KB
- date-range.html823 B
- file-upload.html794 B
- form-card.html2 KB
- form-wizard.html577 B
- input-group.html767 B
- input-otp.html2 KB
- input-text.html483 B
- input-with-icon.html1 KB
- radio-cards.html1 KB
- range-slider.html331 B
- search-select.html2 KB
+ 4 more files
- select-field.html497 B
- textarea.html518 B
- toggle-switch.html1 KB
- validation-states.html2 KB
navigation/9 files25 KB
- breadcrumbs.html1 KB
- command-search.html3 KB
- mobile-nav.html3 KB
- sidebar-collapsed.html4 KB
- sidebar.html6 KB
- tabs-pill.html832 B
- tabs-underline.html2 KB
- topbar.html2 KB
- user-menu.html3 KB
pagination/3 files4 KB
- pagination-load-more.html692 B
- pagination-numbered.html3 KB
- pagination-simple.html1 KB
+ 16 more files
settings/6 files9 KB
- api-key-row.html1 KB
- danger-zone.html647 B
- notification-matrix.html2 KB
- settings-section.html1 KB
- team-invite.html2 KB
- theme-switch.html2 KB
stat-cards/5 files4 KB
- stat-basic.html307 B
- stat-icon-split.html918 B
- stat-progress.html617 B
- stat-sparkline.html1 KB
- stat-trend.html804 B
tables/5 files22 KB
- table-avatars.html8 KB
- table-basic.html4 KB
- table-compact.html1 KB
- table-selectable.html4 KB
- table-sortable.html5 KB
css/4 files72 KB
fonts/2 files29 KB
- manrope-latin-wght-normal.woff225 KB
- OFL.txt4 KB
- app.css37 KB
- input.css6 KB
frames/100 files31 MB
components/30 files2.8 MB
- auth-dark.png63 KB
- auth-light.png62 KB
- badges-dark.png31 KB
- badges-light.png31 KB
- buttons-dark.png29 KB
- buttons-light.png29 KB
- charts-dark.png280 KB
- charts-light.png275 KB
- commerce-dark.png95 KB
- commerce-light.png94 KB
- data-display-dark.png147 KB
- data-display-light.png145 KB
+ 18 more files
- empty-states-dark.png49 KB
- empty-states-light.png48 KB
- feedback-dark.png134 KB
- feedback-light.png140 KB
- filters-dark.png32 KB
- filters-light.png32 KB
- forms-dark.png172 KB
- forms-light.png173 KB
- navigation-dark.png95 KB
- navigation-light.png94 KB
- pagination-dark.png23 KB
- pagination-light.png24 KB
- settings-dark.png69 KB
- settings-light.png69 KB
- stat-cards-dark.png50 KB
- stat-cards-light.png49 KB
- tables-dark.png154 KB
- tables-light.png153 KB
screens/20 files2.4 MB
- analytics-dark.png130 KB
- analytics-light.png129 KB
- auth-dark.png67 KB
- auth-light.png68 KB
- billing-dark.png91 KB
- billing-light.png90 KB
- customers-dark.png121 KB
- customers-light.png120 KB
- inventory-dark.png100 KB
- inventory-light.png99 KB
- order-detail-dark.png137 KB
- order-detail-light.png136 KB
+ 8 more files
- orders-dark.png144 KB
- orders-light.png143 KB
- overview-dark.png202 KB
- overview-light.png200 KB
- products-dark.png88 KB
- products-light.png88 KB
- settings-dark.png143 KB
- settings-light.png141 KB
svg/50 files26 MB
components/30 files12 MB
- auth-dark.svg235 KB
- auth-light.svg249 KB
- badges-dark.svg153 KB
- badges-light.svg153 KB
- buttons-dark.svg146 KB
- buttons-light.svg146 KB
- charts-dark.svg9 KB
- charts-light.svg9 KB
- commerce-dark.svg646 KB
- commerce-light.svg673 KB
- data-display-dark.svg478 KB
- data-display-light.svg504 KB
+ 18 more files
- empty-states-dark.svg174 KB
- empty-states-light.svg186 KB
- feedback-dark.svg455 KB
- feedback-light.svg470 KB
- filters-dark.svg171 KB
- filters-light.svg172 KB
- forms-dark.svg757 KB
- forms-light.svg769 KB
- navigation-dark.svg437 KB
- navigation-light.svg463 KB
- pagination-dark.svg108 KB
- pagination-light.svg108 KB
- settings-dark.svg410 KB
- settings-light.svg425 KB
- stat-cards-dark.svg166 KB
- stat-cards-light.svg185 KB
- tables-dark.svg1.7 MB
- tables-light.svg1.7 MB
screens/20 files13 MB
- analytics-dark.svg565 KB
- analytics-light.svg591 KB
- auth-dark.svg200 KB
- auth-light.svg203 KB
- billing-dark.svg578 KB
- billing-light.svg595 KB
- customers-dark.svg789 KB
- customers-light.svg812 KB
- inventory-dark.svg383 KB
- inventory-light.svg403 KB
- order-detail-dark.svg627 KB
- order-detail-light.svg654 KB
+ 8 more files
- orders-dark.svg1.6 MB
- orders-light.svg1.6 MB
- overview-dark.svg342 KB
- overview-light.svg356 KB
- products-dark.svg790 KB
- products-light.svg822 KB
- settings-dark.svg661 KB
- settings-light.svg689 KB
js/1 file3 KB
- ui.js3 KB
screens/10 files215 KB
- analytics.html29 KB
- auth.html5 KB
- billing.html16 KB
- customers.html24 KB
- inventory.html17 KB
- order-detail.html22 KB
- orders.html28 KB
- overview.html30 KB
- products.html22 KB
- settings.html22 KB
- index.html539 KB
- LICENSE.txt172 B
- README.md4 KB
- THIRD-PARTY-NOTICES.txt2 KB
frames/auth-dark.pngauth-light.pngbadges-dark.pngbadges-light.pngbuttons-dark.pngbuttons-light.png
css/manrope-latin-wght-normal.woff2OFL.txtapp.cssinput.css
js/ui.js
Built for
HTML and Tailwind CSS v4, current Chrome, Safari, Firefox and Edge. The SVG frames drag into Figma, Sketch or Illustrator.
Not a .fig file. UI kits are HTML/Tailwind code plus SVG frames you can import into Figma.
What you need
A browser. The compiled CSS is included. If you'd rather change the theme, Node.js and the Tailwind source rebuild it in one command.
Not in the ZIP
- Login logic, a database or API calls
- A .fig file
- A JavaScript framework version
- Editable text in the SVG frames (text there is outlined)
Fonts and notices
- Manrope licence: SIL OFL 1.1 · fonts.google.com/specimen/Manrope
- Tailwind CSS (compiled output) licence: MIT · tailwindcss.com
Third-party parts keep their own licences: Tailwind CSS (compiled output) (MIT).
Which licence do you need?
Making money for someone else with it? Commercial. Selling a product that others pay to use? Extended. Just for you? Personal.
| Personal$49 | Commercial$99 | Extended$249 | |
|---|---|---|---|
| In plain words | A practice dashboard or a portfolio piece. Nothing earns money. | A client's admin panel, or your own free internal tool. | The interface of a paid SaaS or app that your customers pay to use. |
| Who can use it | One person | Up to 5 team members | Up to 25 team members |
| Personal projects | Yes | Yes | Yes |
| Client projects | No | Yes, unlimited | Yes, unlimited |
| Free end products | No | Yes | Yes |
| Products where users pay | No | No | Yes |
| Credit required | None | None | None |
None of the licences let you resell or share the files, upload them to a marketplace, or use them to train AI models. Compare licences in full. The full legal text is on the licence page.
Updates
This is version 1.0.0. If we post a fix, the new ZIP replaces the old one and the changelog below says what changed. You can get fresh links for an order any time from the resend page. Get new download links
Also in Builder Bundle
See the bundle pageBundle: $119 (items bought separately: $143)
Bundle: $239 (items bought separately: $287)
Bundle: $599 (items bought separately: $727)
Goes well with
PAL-TP-02 · Template · Mid
Studio Portfolio
A portfolio site for a studio or a freelancer: six pages, one editorial look.
$59Personal
Commercial $119 · Extended $299
PAL-IC-02 · Icons · Mid
Duo 240
120 icons drawn twice: once as line, once as duotone.
$35Personal
Commercial $69 · Extended $179
PAL-UI-01 · UI kit · Small
Dashboard Parts
The small bits every dashboard needs, as copy-paste HTML.
$19Personal
Commercial $39 · Extended $99
Not sure about the quality? Try the free pack first. See the free pack
Questions
Is the demo the same as the ZIP?
The demo is built from the shipped HTML and CSS, and nothing is added. The ZIP also holds each component as its own snippet file, the SVG frames and the Tailwind source.
Can the screens be reused across pages?
That's how they're made. Each screen is assembled from the shared components.
Refund and delivery. Instant download after payment. Links also arrive by email. Digital files can't be returned. If something's broken or missing, we fix it or refund you. Refund policy