Sub-millisecond Preact SSR, monomorphic V8 backend at 124,000+ req/sec, native Tailwind CSS v4, and clean developer primitives. Zero bloated client bundles. Zero stuck port processes.
124,000
Req / sec Throughput
0.42ms
Preact SSR TTFB
3.1 KB
Client Runtime Bundle
Zero
Orphan Process Leaks
Every primitive is engineered for engineers who demand the ergonomics of Next.js with zero hydration tax, instant process cleanups, and native CSS.
Blazing fast TTFB under 0.42ms with pure Web VNode streaming. No heavy React 19 hydration penalties or oversized client JavaScript bundles.
First-class support for nested layouts, dynamic path segments, error boundaries, 404 handlers, route-level code splitting, and standard Request/Response API routes.
Froot core uses monomorphic inline cache dispatch to execute static route lookups in under 22 nanoseconds at over 124,000 req/sec.
Zero-config standalone CSS engine compilation with pure @theme tokens. Lightning-fast live reload in dev and optimized minified output for production.
Modular, copy-paste components and CLI scaffolding designed for modern developer tools. Crisp monochrome contrast, hairline borders, and dark surfaces.
Orphan watchdog heartbeat, immediate socket termination, and netstat port reconciliation guarantee zero lingering background processes or locked ports.
Inspired by shadcn/ui and modern developer tools like Next.js and Vercel. Copy, paste, or CLI scaffold 12+ production-grade components styled with dark surfaces, hairline borders, and monospace accents.
High-contrast monochrome actions & status indicators.
Hairline borders with dark focus states and shortcut badges.
Preact Stream Throughput
124,180 req/s
Benchmarked on Node.js v22 on AMD EPYC 7763 instances with autocannon (100 concurrent connections, 10s duration).
| Framework | Requests / sec | SSR TTFB (P99) | Client JS Runtime | Tailwind Native |
|---|---|---|---|---|
| FrootKit (v1.3.6) | 124,180 req/s | 0.42 ms | 3.1 KB | Tailwind v4 Native |
| Next.js 15 (App Router) | 18,400 req/s | 14.8 ms | 87.4 KB | PostCSS / Plugin |
| Remix / React Router v7 | 32,100 req/s | 8.4 ms | 64.2 KB | External Vite |
| Express.js (Server only) | 24,600 req/s | 1.8 ms | N/A | Manual |
No hidden bundler artifacts, no heavyweight React server component boundaries. Clean files and pure Web standards.
// src/app/page.tsx — High-Performance Preact SSR with App Router
import { Button, Card, Badge } from 'frootui';
export const metadata = {
title: 'Production Store · FrootKit',
description: 'Sub-millisecond SSR with zero hydration overhead',
};
export default async function StorePage() {
const products = await db.query.products.findMany();
return (
<div class="max-w-6xl mx-auto px-6 py-12">
<div class="flex items-center justify-between">
<h1 class="text-3xl font-bold tracking-tight text-white">Curated Instruments</h1>
<Badge variant="success">In Stock</Badge>
</div>
<div class="mt-8 grid gap-6 md:grid-cols-3">
{products.map((item) => (
<Card key={item.id} class="p-5 border border-neutral-800 bg-neutral-900/60 rounded-xl">
<h3 class="font-semibold text-white">{item.name}</h3>
<p class="font-mono text-xl text-neutral-200 mt-2">${item.price}</p>
<Button variant="primary" class="w-full mt-4">Add to Cart</Button>
</Card>
))}
</div>
</div>
);
}Experience sub-millisecond SSR, instant port release on exit, and modern developer primitives.