Long-Form Content

Wrap any HTML content in Prose for automatic typography styling including headings, paragraphs, lists, and blockquotes.

Getting Started with FLIN

FLIN is a full-stack programming language designed for building web applications quickly. It combines the simplicity of a templating language with the power of a full backend framework.

Installation

Download the FLIN binary for your platform and add it to your PATH. Then create a new project:

  • Create a directory for your project
  • Add a app/index.flin file
  • Run the dev server
FLIN automatically creates the database and handles routing based on your file structure.

Every .flin file in the app/ directory becomes a route. No configuration needed.

Article in Card

Prose inside a Card for contained article-style content with ordered lists.

Why FLIN?

Traditional web development requires juggling multiple languages, frameworks, and tools. FLIN unifies everything into a single, coherent language.

  1. No imports - Components are auto-discovered
  2. Built-in database - Define entities and query them directly
  3. Reactive templates - Variables update the DOM automatically

The result is less code, fewer files, and faster development.

Documentation Page

Full documentation section with headings, code references, and structured content.

Entity Reference

Entities are the foundation of data modeling in FLIN. Define your schema once and get automatic CRUD, queries, and validation.

Defining an Entity

Use the entity keyword followed by a name and field definitions:

Field Types

  • text - String values
  • int - Integer numbers
  • float - Decimal numbers
  • bool - True/false values

Auto-Generated Fields

Every entity automatically includes id, created_at, updated_at, and version fields.

Fields are optional by default. Use @required to make them mandatory.

Usage

<Prose> <h2>Getting Started with FLIN</h2> <p>FLIN is a full-stack language...</p> <h3>Installation</h3> <ul> <li>Create a directory</li> <li>Add index.flin</li> </ul> <blockquote>Auto database and routing.</blockquote></Prose>

Props

PropTypeDescription
childrencontentLong-form HTML content (h1-h4, p, ul, ol, blockquote, code, pre, a, strong)