Showcase by example
Have a look at some real Piko projects. Eight of them run live in your browser via WebAssembly. The rest are full-fledged scenarios you can clone and run locally.
Blank playground
Start from scratch on a clean slate. Edit the template, script, and style blocks and see live changes as you type.
Hello world
A minimal Piko page with server-side rendering and scoped CSS
Contact form
Form submission with server-side actions and validation
Reactive counter
Client-side counter with reactive state and Shadow DOM
Product catalogue
Loops, conditionals, and partials for data-driven layouts
Blog with layout
Layout composition with nested partials, slots, and theming
Sortable data grid
Query parameter binding and server-side sorting
Task list app
Interactive task list with array reactivity and two-way binding
Event bus chat
Cross-component communication via Piko's event bus
Form wizard
Multi-step form with conditional rendering and client-side validation
Progress tracker
Streaming progress updates via server-sent events (SSE)
Instant messaging
Real-time chat with SSE streaming, auto-reconnection, and event replay
S3 file upload
File uploads to S3-compatible storage with direct and presigned URL patterns
TLS and HTTPS
Serve Piko over HTTPS with an HTTP-to-HTTPS redirect.
Tailwind CSS
Integrate Tailwind CSS with a Piko project via a shared styles library.
Markdown blog
A blog with markdown collections and generated routes.
Cached API
Action response caching with TTL
Rate-limited API
Per-action rate limiting with token bucket algorithm
Built-in components
Registering Piko's built-in counter and card components
M3E components
Material Design 3 Expressive component library showcase
M3E recipe app
Full-featured recipe app with M3E components, SSE streaming, emails, and LLM
Live playground
An in-browser PK playground backed by a WASM-compiled Piko runtime.
SQLite database
A Piko project backed by SQLite with the generated querier.
MySQL / MariaDB
A Piko project backed by MySQL (or MariaDB) with the generated querier.
PostgreSQL
A Piko project backed by PostgreSQL with the generated querier.
DuckDB (analytics)
A Piko project backed by DuckDB for embedded analytics queries.
Email contact form
Send transactional emails through an email provider when a visitor submits the contact form.
PDF invoice
Generate a downloadable PDF invoice from a PK-rendered HTML template.
Analytics ecommerce
Track pageviews, add-to-cart events, and revenue through the built-in stdout and GA4 analytics collectors.
CAPTCHA-protected action
Protect a server action with CAPTCHA verification using the configured provider.