Portal UI Kit

Every shared component, rendered live. Use the topbar toggles to preview Hindi and the dark theme.

Buttons — .btn--primary/solid/outline/ghost/danger

Gradient (.btn--primary) on at most ONE element per screen — shown here for reference only.

Badges & chips

Read-only · No password Synced 2 h ago Your plan: Surge On track In review Overdue Sample data

Stat tiles — .tile (tabular-nums, static — no animated counters)

Followers

8,912

▲ +212

Monthly reach

42.1k

▲ 2.3×

Saves / post

▼ −8%

Planned posts done

9/12

Sample data

Cards — .card / .card--well

Monthly review

In review

Your July review call is being scheduled — watch WhatsApp for the slot.

Strategy & guidance only — we never run, log into, or post from your account.

Table — .table-wrap > .table

Expected vs actual growth by month (sample)
Month	Expected	Actual	Status
May 2026	8,300–8,550	8,410	On track
Jun 2026	8,550–8,850	8,700	On track
Jul 2026	8,850–9,200	8,912	In review

Form fields — .field

Your Boostio portal password — never your Instagram password.

Password

Please enter your password.

Overlays — modal, action sheet, toasts

Empty state — .empty

No live stats yet

Connect read-only through Instagram's official login to see live numbers, or enter monthly figures yourself. We never see your password.

i18n — Portal.t('key') · dictionaries in /i18n/en.json + /i18n/hi.json

Sample dictionary keys in English and Hindi
Key	EN	HI
`nav.dashboard`	Dashboard	डैशबोर्ड
`common.readonly`	Read-only · No password	सिर्फ़ रीड-ओनली · कोई पासवर्ड नहीं
`dash.chart.caption`	Expected growth — depends on your content and consistency.	अपेक्षित ग्रोथ — यह आपके कंटेंट और नियमितता पर निर्भर करती है।