Features Sections

Feature sections — an icon-tile grid, alternating split rows and a mixed bento grid.

Feature sections for a landing or marketing page. Each is a self-contained, full-width Svelte <section> built only from semantic tokens, so it restyles across every theme — the brand colour maps to --primary. Try the theme switcher above the preview.

Preview

Features

Everything you need to ship

A complete toolkit that grows with your team, from first commit to global scale.

Lightning fast

Built on a modern edge runtime so every page loads in milliseconds, everywhere.

Secure by default

Encryption in transit and at rest, with SSO and audit logs on every enterprise plan.

Composable

Mix and match building blocks. Nothing is locked down — shape it to your workflow.

Insightful analytics

See exactly what your users do, with dashboards you can share across the team.

Integrates with everything

Connect the tools you already use through a growing library of integrations.

Global scale

Serve customers on every continent from a network built to handle the load.

Collaboration

Work together, in real time

Everyone stays in sync. Comments, mentions and live cursors keep the whole team moving as one.

Live multiplayer editing
Threaded comments
Granular roles & permissions

Automation

Let the busywork run itself

Trigger workflows on any event and connect the tools you already use. Set it once and forget it.

Visual workflow builder
200+ integrations
Webhooks & a full API

Platform

One platform, every piece

Designed to delight

Thoughtful defaults and a polished interface your team will actually enjoy using every day — no training required.

99.99%

Uptime across all regions

Blazing performance

Sub-second loads on the edge.

Enterprise security

SSO, audit logs and SLAs.

Automations

Install

bun x bosia@latest add block features/grid
bun x bosia@latest add block features/split
bun x bosia@latest add block features/bento

These pull @lucide/svelte for icons.

The blocks

grid — a heading over a three-by-two grid of icon feature tiles.
split — alternating copy-and-visual rows with a kicker, checklist and a mock panel.
bento — one large tile plus four small tiles mixing icons, a stat and a mini-visual.

Usage

<script lang="ts">
	import Features from "$lib/blocks/features/grid/block.svelte";
</script>

<Features />

Feature copy and icons live in hardcoded arrays at the top of each block.svelte. Import lucide icons by their exact name and swap them in — every icon accent uses primary.

Source

src/lib/blocks/features/*/block.svelte