Blocks for shadcn/ui designed to fit together: compose a page, then install it with one command.
Two-column introduction with paragraphs, key figures and skills.
A number that rolls up or down to its new value when it changes.
Example usage of Animated Number.
A button or link whose arrow nudges forward on hover and focus.
Example usage of Arrow Button.
Veils of light that drift slowly across the top of a section.
Example usage of Aurora.
The monochrome colour palette, radius and dark mode used by every Balick UI component and block.
Bento grid of four illustrated features, followed by a row of secondary features.
Reveal content with a soft blur and fade, on mount or when scrolled into view.
Example usage of Blur Fade.
Single-row footer with links and socials, and a legal line.
Contact form with a confirmation state, next to email, phone, address and opening hours.
Contact panel with a copyable email address and a list of channels.
Copies a text to the clipboard; the icon turns into a check mark.
Example usage of Copy Button.
A count pinned to an icon or an avatar, which pops when it changes.
Example usage of Count Badge.
Days, hours, minutes and seconds left until a date, each rolling to its new value.
Example usage of Countdown.
A grid of dots, with a few that glow in turn.
Example usage of Dot Pattern.
Long text clamped to a few lines, with a button that unfolds the rest.
Example usage of Expandable Text.
An icon button whose label slides out on hover and focus.
Example usage of Expand Button.
Two-column FAQ: sticky header with a contact link, and an accessible accordion built on native disclosure elements.
Six features in a hairline grid, with a left-aligned header.
A field of small squares that flicker at random, drawn on a canvas.
Example usage of Flickering Grid.
Multi-column footer with newsletter form, status indicator, social links and an oversized wordmark.
A three-quarter ring for a percentage, colored past its thresholds.
Example usage of Gauge.
A paper grain that gives flat surfaces some texture.
Example usage of Grain.
A lightweight SVG grid background with optional highlighted cells.
Example usage of Grid Pattern.
Centred hero with announcement pill, animated headline, product preview and a scrolling logo cloud.
A marker stroke draws behind the words once they scroll into view.
Example usage of Highlight Text.
Hold to confirm, for actions that are hard to undo.
Example usage of Hold Button.
Four numbered steps joined by a connector, horizontal on desktop and vertical on mobile.
Twelve integrations in a hairline grid, next to a sticky header and a link to the full list.
A grid whose cells light up under the pointer and fade out behind it.
Example usage of Interactive Grid.
High-contrast call to action panel with a subtle grid and two actions.
Three recent articles with a cover, category, date, author and reading time.