Whole pieces of a page, built from the components: 63 so far, 34 free. Free blocks are live here with their code and one command to add; Pro blocks come with Dashral Pro.
AI · 1
An assistant inside your app: it thinks, uses tools, asks before it acts, and streams its answer.
A whole assistant screen: starter cards, reasoning, tool calls, an approval before it emails anyone, and a streamed answer, with past conversations beside it.
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 · 4
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.
The simplest ask: one banner with a gradient hairline around a soft tint, the promise on one side and two actions on the other.
The promise and two actions on a soft glow, with what's included and the people already using it.
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.
Start the sign-up right there: an email field that checks the address and turns into “check your inbox”, beside the product.
Dashboard · 6
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.
Steps to a working setup with progress and time left; the next step unfolds, and finishing celebrates.
Search, payment and fulfillment filters, export and pages; ship selected orders and the rows update in place.
Bars for this period and a dashed line for the last, a tooltip on hover or the arrow keys, in plain SVG.
Four numbers with their change and trend that count up, and a period switch that moves all of them.
Error pages · 2
When something goes wrong, a page that helps people on: search, a way back and the pages they likely wanted.
Page not found, with a search across the pages people likely wanted, a way back and home, popular pages and a report link.
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 · 3
The questions people ask before they start, as an accordion beside a contact card or a grid to scan.
Short answers in two columns to scan without clicking, and a line to the help center.
The heading and a contact card beside an accordion of answers; stacks on phones.
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 · 3
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.
Tiles of two sizes, each showing the feature in miniature: a live chart, the team, sources and an alert switch.
Six features with an icon, a title and one sentence each, in three columns, then two, then one.
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 · 4
The end of a page: links, the newsletter, language and theme, and a last call to action.
Four columns of links, a newsletter sign-up that checks and confirms, and a language select and theme switch.
A last call to action on a soft glow with the reassurance under it, then the links and the copyright.
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.
The logo, the main links and social accounts, then the copyright, legal links and a live system status.
Headers · 6
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.
A sidebar toggle and breadcrumb, ⌘K search, notifications and the account menu.
The links in a pill in the middle with a sliding highlight, a GitHub star count, the theme, sign in and the main action.
A report's title with its live status, a period switcher, a date range, compare and export.
A marketing navbar: a product menu with descriptions, sign in and sign up, and a menu sheet on phones.
A workspace switcher, the section's tabs underneath, and help, notifications and the account menu.
Heroes · 5
The top of a landing page: the promise, the actions, and proof — customers, the product itself or its numbers.
An announcement, a big promise and two actions, centered on a glow with a faint grid, and the customers below.
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.
An email field that checks, works and confirms, the people already in, and a customer's words.
The promise and three reasons beside the product itself: a live dashboard in a browser frame.
The promise and actions, then three numbers that count up, each with its trend.
Pricing · 3
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.
Plans compared feature by feature in groups, with hints, the popular column tinted, and actions in the header.
Three plans with a monthly/yearly switch and the saving, the popular plan raised, and what each includes.
Sidebars · 4
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.
Grouped pages with counts, a section that opens, a plan card and the account menu; collapses to a rail of icons.
Grouped settings with a sliding highlight and the picked section beside them; a select on phones.
A workspace switcher, search, inbox, and Favorites and Projects that fold away; each project opens to its views.
Sign in & up · 3
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.
Google and GitHub, or email and password with Forgot password, remember me, loading and a wrong-password error.
The form with a password strength meter and terms beside a soft blue panel: what you get, the product in miniature, a customer's words.
Testimonials · 3
Customers in their own words: a wall of quotes, or one story at a time with the number it changed.
One large story at a time with the number it changed, arrows and dots, and the customers' logos below.
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.
A masonry wall of quotes with stars and who said them, in three columns, then two, then one.