Introduction

Une collection de blocks prêts à l'emploi pour composer des pages rapidement.

BetaWhoa UI est en bêta : certains éléments peuvent encore changer. Un bug ? Écrivez-moi à hello@ugolin-olle.com.

Les blocks sont des sections de page complètes (hero, blog, footer...) prêtes à copier-coller dans votre projet. Contrairement aux composants, ils combinent plusieurs éléments d'interface pour former une section fonctionnelle.

Utilisation

Parcourez la liste dans la barre latérale pour voir un aperçu de chaque block, son code source et ses props disponibles.

Activity

Une heatmap annuelle premium avec tabs dynamiques, statistiques et légende.

Status Card

Une carte de statut de déploiement avec compteur, jauge segmentée et journal de build.

Calendar Sync

Une carte d'événement avec tuile de date et action de synchronisation animée.

Usage Card

Une carte de consommation de crédits avec répartition, graphique journalier et limites.

Command Search

Une recherche de commande en ligne avec onglets, filtres en direct et navigation au clavier.

World Clock

Une horloge mondiale avec cadran radial de 24 heures, liste de villes et chiffres qui défilent.

Latest Updates

Blog

Discover the latest trends, tips, and best practices in modern web development. From UI components to design systems, stay updated with our expert insights.

3/13 done

Backlog

Research

Audit onboarding emails

Map every touchpoint in the first 14 days and flag the drop-off moments.

Design

Dark-mode illustration set

Six spot illustrations that hold up on both light and dark surfaces.

Backend

Webhook retry policy

Exponential backoff with jitter, dead-letter queue after 8 attempts.

Frontend

Move icons to an SVG sprite

Cut ~40 requests from the dashboard first paint.

In progress

3/3

Design

Redesign the pricing page

Three tiers, one clear recommendation, and a calmer comparison table.

Backend

Rate-limit middleware

Token bucket per API key, with a friendly 429 payload.

Frontend

Command palette v2

Fuzzy search, recent items and keyboard-first navigation.

Review

3/4

Bug

Fix Safari scroll jank

Sticky headers repaint on every frame inside the activity feed.

Research

Billing portal copy

Replace jargon in the invoice and refund screens.

Ops

Staging deploy pipeline

Preview environments per pull request, torn down on merge.

Done

Design

Brand colour tokens

Single source of truth shared by web, email and slides.

Ops

Set up error tracking

Source maps uploaded on release, alerts routed to on-call.

Research

Customer interviews, round 1

Eight calls synthesised into a one-page insight brief.

Kanban

Un tableau Kanban avec glisser-déposer, limites WIP, tiroir de détail, filtres et annuler/rétablir.

Hero Sky

Une section d'accueil plein cadre sur le fond Dream Sky, avec navigation, badge, titre, texte et bouton.