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.
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.
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.
Multi-column footer with newsletter form, status indicator, social links and an oversized wordmark.
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.
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.
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.
Hairline grid of customer logos with a short introduction.
A button that leans a few pixels towards the pointer.
Example usage of Magnetic Button.
An infinite scrolling track for logos, testimonials or anything else.
Example usage of Marquee.
Sticky navigation bar that turns translucent on scroll, with an accessible mobile menu.
Email signup card with a confirmation state; posts to a configurable endpoint.
Counts up to a number once, when it scrolls into view.
Example usage of Number Ticker.
Personal introduction with availability status, social links and a scrolling list of tools. Made for portfolios.
Accessible feature comparison across three plans, grouped by category, with the featured plan highlighted.
Three-tier pricing with an animated monthly / yearly toggle and a highlighted plan.
Grid of projects with screenshots, summary, year and stack. Draws a placeholder when a project has no image.
A button that sends a soft ripple out from where it is pressed.
Example usage of Ripple Button.
Layout primitives shared by every block: Section, Container and SectionHeader.
Example usage of Section.
A single choice between a few options, with a pill that slides to the selected one.
Example usage of Segmented Control.
Numbered list of services with a starting price, deliverables and a link.