Blocks

31 blocks.
Components, assembled.

Login popups, mini dashboards, swap cards and widgets — built from the catalog’s own components, so what you paste is a working screen, not a pile of parts.

Newest · Budget · Vernier · Grain

New · Allocation

Budget

Spend against a limit with the PACE on the same ruler.

Live · BlkBudget

New · Distribution

Vernier

A reading on a POPULATED scale.

Live · BlkVernier

New · Comparison

Grain

Two periods as dot stacks on ONE baseline — the earlier run pale, the later run inked — answering the question a single "+326%" cannot, because growth has a shape.

Live · BlkGrain

View

Show

BlkBudget Dashboard

BlkVernier Dashboard

BlkGrain Dashboard

BlkCourseCard Learning

BlkSneakerCard Commerce

BlkTripCard Travel

BlkSwapMono Crypto

BlkSwapMesh Crypto

BlkDateRangePicker Productivity

Go Pro

Full source for the whole catalog — plus MCP in your IDE.

BlkUploadFiles Productivity

BlkTelemetry Dashboard

BlkSavingsTracker Finance

BlkThreshold Dashboard

BlkReachCalculator Marketing

BlkCreatorCardFan Social

BlkSipCalculator Finance

BlkActivityWheel Health

BlkDayAgenda Productivity

Go Pro

Full source for the whole catalog — plus MCP in your IDE.

BlkIntegrationOrbit Marketing

BlkDropCarousel Commerce

BlkAiComposer AI

BlkSavingsMeter Finance

BlkSendMoney Payments

BlkFindFriends Social

BlkCryptoBalance Finance

BlkProfileCard Social

BlkSwipeDeck Cards

Iconsax

7,000+ free icons · 44,000 more in Pro.

BlkProfileSky Social

BlkStepCards Onboarding

BlkCommentCard Chat

BlkLoginPopup Auth

Go PRO

Close the gap between
the idea and the interface.

PRO hands you the source of every component, section and animation — plus MCP in your IDE, so Claude or Cursor writes them straight into your project. It also opens Vuesax Design, the visual editor, with 500 AI credits to start building in it.