Masonry
Pinterest-style masonry layout for items with varying heights.
Three Columns
Default masonry layout distributing cards across three columns with varying heights.
Build consistent interfaces with reusable tokens and components.
Get up and running in minutes.
Optimized for speed with minimal bundle size. Server-side rendering reduces client JavaScript to under 2KB per page.
Built-in SQLite with automatic migrations.
CSRF protection, input validation, and session management all built in. No configuration required for common security patterns.
File-based routing with dynamic segments and middleware support.
Two Columns with Icons
Feature cards with icons in a two-column masonry layout.
Compiled to bytecode for instant page loads.
Security built in from the ground up. CSRF, XSS protection, parameterized queries.
Easy enough for a 12-year-old.
No separate database to install. Define entities and FLIN handles the rest.
Content Gallery
Image-card style masonry for a content gallery or portfolio.
Logo and color palette
Analytics interface design
Custom icon set
iOS and Android mockups
Landing page redesign
Font pairing exploration
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
columns | text | "3" | Number of masonry columns |
gap | text | "16" | Gap between items in pixels |
children | content | - | Items to arrange in masonry layout |