UI kit
Prism: Tailwind UI kit with light & dark mode and design tokens
By Templates.party
26 copy-ready Tailwind components plus 4 marketing blocks, with light and dark mode and tokens as a preset, CSS variables and JSON.
FreeLive demo
UI kit · 35 components · 57 icons · 3 themes
Coinslot UI Kit
A chunky 8-bit UI kit for Tailwind CSS: 35 pixel components, 57 hand-drawn pixel icons, three palettes and two example screens, with stepped animations and full keyboard support.
Freewith your Templates.party account · ZIP download + MCP access
By Templates.party
What’s inside
Components, icons and example screens
Coinslot turns the look of old arcade cabinets into a kit you can ship: hard 4px edges, stepped drop shadows, buttons that press into their shadow, health bars and an inventory grid. It is plain HTML with Tailwind utility classes and one small script, so you copy what you need into any project. Colours live in one preset with three palettes (classic, handheld green and night), every animation moves in hard steps and switches off for reduced motion, and focus rings, labels and arrow keys work everywhere.
Overview
The kit at a glance with a live theme switch, palette readout and a player card built from the components.
Open in the demo (opens in a new tab)Components
All 35 components live with Copy HTML buttons, plus the full pixel icon set.
Open in the demo (opens in a new tab)Landing page
Example screen: a landing page for Questlog, a fictional habit tracker, with a quest board and pricing.
Open in the demo (opens in a new tab)Inventory
Example screen: an app view with a keyboard-friendly item grid, filters, stats and health bars.
Open in the demo (opens in a new tab)Components in the kit
- Buttons & icon buttons
- Text input, textarea & search
- Checkbox, radio & toggle
- Select & range
- Cards & panels
- Dialog
- Tabs
- Badges & pills
- Progress, health bar & segmented meter
- Tooltip & toast
- Navbar & dropdown menu
- Avatar & avatar group
- Table & pagination
- Alert, accordion & breadcrumb
- Keyboard key, steps & text box
- Empty state & skeleton
Built in
- 35 pixel components: buttons, inputs, checkbox, radio, toggle, select, cards, dialog, tabs, badges, progress and health bars, tooltip, toast, menus, avatars, table, pagination and more
- 57 pixel icons drawn on a 16px grid as SVG with currentColor
- Three palettes from one Tailwind preset: classic, handheld green and night, switchable with one attribute
- Every animation uses steps(): blinking cursor, coin spin, sprite bounce, filling bars. All of it turns off with reduced motion, and there is no sound
- Keyboard support and visible focus rings: arrow keys in tabs, menus and the inventory grid, Escape closes dialogs and menus
- WCAG AA text contrast in all three palettes, responsive from 360 px to 1440 px
- Plain HTML + Tailwind CSS and one small dependency-free script; pixel fonts included (OFL)
Palette & type
- Ink
#1A1C2C - Paper
#FFF4DC - Coin
#FFCD4D - Cobalt
#3B5DC9 - Mint
#41C6B4 - Berry
#B13E53
Press Start 2P, Silkscreen and Pixelify Sans (free, OFL; included)
The swatches are the classic palette. Edit the hex values in one preset file and every component follows, in all three themes.
In the ZIP
- index.html, components.html and two example screens (landing and inventory)
- assets/: compiled CSS, coinslot.js, 57 SVG icons, fonts and images
- tokens/: Tailwind preset, plain CSS variables and tokens.json
- tailwind.config.cjs, src/input.css and package.json to rebuild the CSS
- README, AGENTS.md and LICENSE-THIRD-PARTY
- LICENSE: commercial use in unlimited projects, including client work
Sample content
All names, coins, levels and quests in the demo are fictional sample content, and Questlog is a fictional app. The treasure chest illustration is AI-generated. Coinslot is not affiliated with Tailwind Labs or any game company. Use the kit in apps, sites and client work; just don’t resell the kit itself as a UI kit.
License
Free with your Templates.party account, no subscription. Use it for your own business or for client work, on unlimited projects. You can’t resell or redistribute it as a template. Full terms.
MCP access included
Your free account includes MCP access: sign in once with your email and AI assistants like Claude, ChatGPT or Cursor can read, customize and download your templates. New ones join the same connection on their own.
Keep exploring
Browse all More templates
UI kit
Party Themes: 6 playful light & dark themes for shadcn/ui (Tailwind v4)
By Templates.party
Six drop-in shadcn/ui themes (31 OKLCH variables each, light and dark), an all-themes switcher file, tokens in OKLCH and hex, and 10 free fonts.
FreeLive demo
UI kit
Confetti Icons: 173 playful line & duotone icons (SVG, React, Iconify, PNG)
By Templates.party
173 friendly icons in line and duotone on a 24px grid: 346 SVGs, sprites, Iconify JSON, a tiny React package with types, PNGs and an offline icon browser.
FreeLive demo
UI kit
Dial UI Kit: tactile Tailwind CSS + React components (52 elements, 40 sections, 9 layouts)
By Templates.party
A tactile UI kit with keys that press, knobs that turn and LCD readouts: 52 elements, 40 sections and 9 layouts in HTML + Tailwind and typed React.
FreeLive demo
Ready to bring your ideas to life?
Every niche is on the guest list. Find the template that fits your next project.