29 blocks that come with Dashral Pro: whole screens people work in, with their state, dialogs and phone layouts. Each one also has a page of its own.
- The full source of every block, in your dashral-pro repository
- Built only from Dashral components, so each pastes into any app
- Light and dark, and down to phone width
- New Pro blocks as they come, with lifetime updates
App screens · 4
Whole screens people work in all day: a kanban board, an inbox, notifications to act on, and the team.
InboxPro
Conversations beside the open one: search, unread and archived, pin or mute; write with an emoji or a file and see when it's read.
Kanban boardPro
Drag cards between columns with a line where they land, work-in-progress limits, a filter by person and quick add.
Notifications by day, filtered by unread or type, each with its action right there: approve, accept, retry or reply; undo a dismissal and pick what's emailed.
Team membersPro
The team and the invitations still out: invite several people with a role, change roles in place, suspend or remove someone, and resend or revoke an invite.
Billing · 2
The money side of an app: the plan, usage and the card on file, and invoices to send and get paid.
The plan with dialogs to change or cancel it, usage that warns near its limits, the card on file and invoices.
InvoicePro
The invoice beside its history: send it, record a payment in full or in part, mark it paid or void it, and print it.
Call to action · 1
The ask between sections or before the footer: a simple banner, the promise and the actions on a glow, or the sign-up started right there.
Team size, report hours, an hour's cost and the tools you'd retire in; the yearly saving, the return and the payback out, adding up line by line.
Dashboard · 2
The inside of an app: numbers with their trend, charts, an orders table, analytics, and getting started.
A whole analytics page: who's online, numbers that pick what the chart shows, the period before, and pages, sources and countries.
An analytics overview on inset cards: traffic you switch by metric with a line that follows the pointer, cache, countries, status codes, threats and top paths, all moving with the range.
Error pages · 1
When something goes wrong, a page that helps people on: search, a way back and the pages they likely wanted.
The overall state, an incident with its updates, 90 days of uptime per service you can hover, maintenance counting down, subscribing by email, team chat or webhook, and a maintenance page with a countdown.
FAQ · 1
The questions people ask before they start, as an accordion beside a contact card or a grid to scan.
Help centerPro
A search across every question and answer with your words lit up, categories with counts, answers that ask whether they helped, and support right there when nothing matches.
Features · 1
What the product does: a grid of short parts, or a bento of tiles that show the thing itself.
Feature tourPro
Features that play: the open one fills a line, then the next; beside it a product screen shows it working — sources connecting, a dashboard arranging itself, alerts arriving, a team joining.
Flows · 10
How your product works, playing live: data, requests, payments and agents moving through it, card by card.
An AI agent at work, live: a question is typed and sent, the agent calls its tools one at a time (each spins, then shows what it found), and the answer streams in token by token; slows under the pointer, pauses, and stacks on phones.
A purchase request going round its approvers one at a time: a chip carries it from person to person, a ring fills round each avatar as they review and turns green as they approve; Finance sometimes sends it back in amber to be updated, Legal is only asked above $10k, and the purchase order goes out at the end. Pauses, and stacks on phones.
Records flowing live from three sources through one transform to every destination: raw dots go in, come out as solid squares and go to one, some or all outputs at their own pace, cards lighting up with live counts, the ring quickens as it works, and the count climbs; slows under the pointer, pauses, and stacks on phones.
Commits running down build, test, preview and production: each stage fills its bar and says how far it is, the build turns a commit into an artifact, failing tests stop about one deploy in six in red, production shows the version going up, and a strip of green and red bars keeps the history. Pauses, and stacks on phones.
A dotted world map with edge regions and an origin: requests arc from everywhere on land to the nearest region, most answered from its cache, the rest fetched from the origin first; each region shows its latency live, and the requests a second, cache hits and median latency tick under the map. Pauses, and fits any width.
Your app in the middle of eight tools on an orbit, data moving both ways: syncs come in as dots, pushes go out as squares, and the count climbs; one tool connects as you watch, its link drawing in. Tooltips, a lit link on hover, pause, and icons only on phones.
A dotted globe turning slowly, arcs rising between nine cities above its surface, each city pulsing as one lands and its label riding along with a live latency; drag it to look around, and it swings on, then carries on turning. Beside it the network's numbers. Pauses, and stacks on phones.
One event fanning out to email, push, SMS, team chat and webhooks by each person's preferences, every channel at its own pace; a text that fails is retried in amber before it lands, channels count what they deliver, and the latest notifications stack up as they arrive. Pauses, and stacks on phones.
Payment flowPro
Payments from checkout through the processor, a declined card going round a smart retry before it goes through, and each paid one landing on the invoice, receipt and ledger at its own pace; live counts on every card and the day's total climbing. Pauses, and stacks on phones.
Request flowPro
Requests passing browser, edge, auth, API and database, each stage lighting as one pauses there; auth turns some away in red, the rest come back as responses, and a log lists the latest with method, status and time. Pauses, and stacks on phones.
Footers · 1
The end of a page: links, the newsletter, language and theme, and a last call to action.
Mega footerPro
A newsletter that confirms, what's new on an inset card, five columns that fold on phones, a live status with uptime, the language, a theme switch and a fading wordmark.
Headers · 1
Top bars for dashboards and websites: navigation, search, notifications and the account menu.
A header whose search is a command palette: fuzzy matches lit up, a preview of the row you're on, scopes, recent searches, and actions with menus of their own.
Heroes · 1
The top of a landing page: the promise, the actions, and proof — customers, the product itself or its numbers.
Product heroPro
A headline whose ending changes, above an app window that tours itself: numbers count up, live events stream in, a summary writes itself. Pauses under the pointer.
Pricing · 1
Plans with a monthly/yearly switch and the popular one raised, and a feature-by-feature comparison.
Slide to the team size and pick a plan, add-ons, billing and currency: the quote adds up line by line, with volume discounts, and the total counts to its new value.
Sidebars · 1
The side of an app: navigation with counts and sections, a workspace switcher, and settings pages.
App shellPro
A whole app layout: drag the sidebar's edge to resize it or snap it to a rail, ⌘K to jump anywhere, favorites you drag to reorder, recent pages and a sliding highlight.
Sign in & up · 1
Sign-in and sign-up with social buttons, password rules, loading and errors, and a split brand panel.
OnboardingPro
Five steps beside a progress rail: an account with live password rules, a 6-digit code, a workspace whose address is checked as you type, invites, and a dashboard to start from.
Testimonials · 1
Customers in their own words: a wall of quotes, or one story at a time with the number it changed.
Marquee wallPro
Two rows of stories scrolling in opposite directions — quotes, results in numbers and posts on inset cards — that stop under the pointer; each opens its case study.