Invoiza: Invoice Generator
website
Create and manage invoices with customized template, duplicate invoices and Generate PDF.
Clear Admin: Dashboard Template in Two Bundles
dashboard starter-kit
Most admin templates assume a React single-page app, but many real products render on the server (Laravel Blade, AdonisJS Edge). Clear Admin ships one dashboard design as two self-contained bundles: plain HTML with Alpine.js, and React 19. Copy one folder into your project and it works, with no shared package to vendor.
The overview dashboard combines KPI cards with sparklines and Chart.js charts for revenue, traffic, sessions and orders. Chart colors are validated against colorblind and contrast checks in both light and dark themes, so the data stays readable for everyone.
The data table works against a paged endpoint, so sorting, searching and paging are the server's job and the table only holds one page at a time. Columns are resizable, cells edit in place with full keyboard support, and the table tells the user when a request is in flight or fails.
The kanban board supports drag and drop with the pointer as well as moving cards with the arrow keys, so it stays usable without a mouse. Both input paths write to the same board state, which keeps the behavior predictable.
Ready-made auth pages (sign in, register, forgot password) plus profile and settings screens cover the parts every admin app needs but nobody wants to rebuild.
The HTML bundle is authored in Astro but ships as plain HTML, CSS and JavaScript with zero hydration markers, so the markup can be cut into server-side partials without a build step. The React bundle uses Vite, shadcn/ui, TanStack Router and TanStack Table. Both share Tailwind CSS v4 design tokens, and Playwright smoke tests run against the built output before the demo deploys.
Tags
react typescript tailwind astro alpinejs dashboard
Explore more projects
Lawyer Real-time Consultation
website
A real-time chat platform for legal consultations using WebSocket technology. This project enables seamless communication between clients and lawyers, providing instant support and media sharing capabilities. Designed with a user-friendly interface to cater to individuals seeking expert advice efficiently.
Microsite Generator: Block-based Page Publishing
website dashboard
TanStack Start app where admins compose microsites from blocks and publish them to public URLs, cached at the CDN until the next publish purges them.
Merchant Lending UI Library
library
UI library for a merchant lending product. Built to increase front end development speed using reusable UI styles and components.
next-ts-tailwind-starter
starter-kit
Starter kit for Next.js project packed with TypeScript, Tailwind and many more stuff.
React Tailwind Snippets
website
Collection of UI patterns built using Tailwind CSS for React applications.
Kozy: Room Catalogue with Google Sheets as Admin
website
Multi-location room catalogue where a Google Sheet is the admin panel. Availability is read at request time and served as SSR HTML cached at the edge. No CMS, no database.
BukaModal: Capital Loan for Online Sellers
mobile web
BukaModal is a transformative project designed to empower online sellers on the Bukalapak marketplace by providing accessible loans. This initiative enables sellers to grow their businesses through increased stock, store expansion, and skilled staff hiring. Leveraging cutting-edge web development technologies, including Vue.js and micro frontend architecture, we created a seamless mobile-first experience. The project successfully unlocked new revenue streams for Bukalapak, enhancing seller engagement and satisfaction.
Kargo Brokerage TMS
dashboard
A comprehensive Transportation Management System (TMS) for Kargo's internal team, aimed at managing thousands of shipments efficiently. By streamlining processes, we enabled the operational team to scale their handling capacity. Key features include centralized document collection, fee and invoice management, optimized pagination for faster loading, and innovative shipment ordering through WhatsApp automation and ChatGPT integration.