feature
Icon + title + description block. Compose three or four in a CSS grid for the standard "why us" section.
Instant load
Streaming SSR ships HTML before data resolves. Fast by default.
Private by default
No trackers. No third-party scripts. Ever.
Works offline
Full functionality without a connection.
import { iconZap, iconLock, iconPhone } from '@invisibleloop/pulse/ui'
feature({ icon: iconZap({ size: 20 }), title: 'Instant load', description: 'Streaming SSR ships HTML before data resolves.' })
feature({ icon: iconLock({ size: 20 }), title: 'Private by default', description: 'No trackers, ever.' })
feature({ icon: iconPhone({ size: 20 }), title: 'Works offline', description: 'Full functionality without a connection.' })Instant load
Streaming SSR ships HTML before data resolves. Fast by default.
Private by default
No trackers. No third-party scripts. Ever.
Works offline
Full functionality without a connection.
feature({ icon: iconZap({ size: 20 }), title: 'Instant load', description: '...', center: true })
feature({ icon: iconLock({ size: 20 }), title: 'Private by default', description: '...', center: true })
feature({ icon: iconPhone({ size: 20 }), title: 'Works offline', description: '...', center: true })| Prop | Type | Default | |
|---|---|---|---|
icon | string (HTML) | — | Raw HTML slot — SVG or emoji; displayed in an accent-tinted box |
title | string | — | |
level | number | 3 | Heading tag for the title (1–6). Visual style is unchanged. |
description | string | — | |
center | boolean | false | Centre-align the icon, title, and description |