Elysia + React vs Hono + htmx

Real-world performance comparison based on identical SaaS dashboard implementations.

Elysia + React

Elysia + React

VPS (Bun)

View Live Demo

A Bun-native server framework paired with React for SSR. Elysia leverages Bun's speed and provides end-to-end type safety through its innovative "Eden" client that infers types directly from your API routes. Elysia's declarative syntax is reminiscent of tRPC but with full HTTP control. Plugins handle validation, authentication, and documentation generation. The framework achieves exceptional throughput on the Bun runtime. This stack demonstrates what's possible when you combine Bun's performance with a thoughtfully designed type-safe server framework and React's component model.

Hono + htmx

Hono + htmx

VPS (Bun)

View Live Demo

Ultrafast web framework meets hypermedia, running on Bun. Hono is a tiny (14KB), ultrafast web framework that runs everywhere. This variant uses Bun runtime for potentially faster startup times and request handling. Combined with htmx for HTML-over-the-wire interactivity, Hono on Bun produces minimal bundles while maintaining full interactivity—all without a JavaScript framework.

Performance Metrics

Lower is better for all metrics. Green indicates the faster framework.

Metric Elysia + React Hono + htmx Winner
TTFB (p50) 44.75ms 0ms ▶
TTFB (p95) 50.52ms 0ms ▶
LCP (p50) 72ms 0ms ▶
LCP (p95) 84ms 0ms ▶
CLS 0 0 =
TBT 0 ms N/A -
LCP → TTFB N/A N/A -
LCP → Load Delay N/A N/A -
LCP → Load Duration N/A N/A -
LCP → Render Delay N/A N/A -
Performance Score 100 N/A -
SEO Score 92 N/A -
Accessibility Score 80 N/A -
Best Practices Score 100 N/A -

LLM Understanding (Claude Opus 4.5)

How efficiently Claude Opus 4.5 understands the codebase. Based on exploration + validation tests.

Metric Elysia + React Hono + htmx Winner
Exploration Time 3484ms N/A -
Exploration Tokens 3402 N/A -
Files Examined 10 N/A -
Validation Accuracy 74% N/A -
Time Per File 348ms N/A -
Tokens Per File 3070 N/A -
Efficiency Score 23.18 N/A -

LLM Understanding (Claude Haiku 4.5)

How efficiently Claude Haiku 4.5 understands the codebase. Based on exploration + validation tests.

Metric Elysia + React Hono + htmx Winner
Exploration Time 2400ms N/A -
Exploration Tokens 3430 N/A -
Files Examined 10 N/A -
Validation Accuracy 63% N/A -
Time Per File 240ms N/A -
Tokens Per File 3060 N/A -
Efficiency Score 15.01 N/A -

Build Metrics

Metric Elysia + React Hono + htmx Winner
Bundle Size (JS) 283.6KB 47KB ▶
Bundle Size (CSS) 23.1KB 0KB ▶
Build Time 0s 0s =
Dependencies 20 5 ▶

Want to see more framework comparisons?

View All Comparisons