Skip to content
Habitus Design

blocks / features

Feature grid

Six features with icon badges on a plain grid.

React: FeatureGrid · Svelte: FeatureGrid · templ: blocks.FeatureGrid · Figma: catalog (no Figma node)

Everything you need to stick with it

Designed to help you stay on track, effortlessly.

  • Smart Reminders

    Never miss a habit again. Set daily notifications or let the app suggest the best time.

  • Progress Analytics

    See your growth with weekly reports, streaks, and visual heatmaps.

  • Streak Tracking

    Stay motivated by building unbreakable streaks and unlocking milestones.

  • Habit templates

    Start from proven routines for sleep, focus, fitness and learning.

  • Cloud sync

    Your habits follow you across phone, tablet and web.

  • Private by default

    Your data stays yours. Export or delete it any time.

Semantic classes (packages/adapter)

  • .ui-feature-grid
  • .ui-feature-grid-head
  • .ui-feature-grid-grid
  • .ui-feature-grid-item
  • .ui-feature-grid-badge
  • .ui-feature-grid-icon