Copia el código, no una dependencia

Pantallas completas, hechas con Volt UI.

Secciones de página, layouts de aplicación y flujos probados. Cada uno trae vista previa en vivo, su código completo y los componentes con los que está hecho.

Ver bloques Documentación

blocks/hero-spotlight.ts
Pricing that stops being interesting once you ship.
Every tier includes the full component source. The paid ones only add people and support.
Monthly Annual Save 20%
Starter
For the side project that might become something.
$0 / month
Every component and block
MIT licensed source
Community support
One seat
Most popular
Pro
For the product a small team ships every week.
$19 / month
billed $228 yearly
Everything in Starter
Figma design kit
Private theme presets
Five seats
Priority issues
Team
For the design system several teams depend on.
$63 / month
billed $756 yearly
Everything in Pro
Unlimited seats
SSO and audit log
Shared Slack channel
blocks/pricing-tiers.ts
Why teams pick it
Everything you need, nothing you have to unlearn.
Plain Angular components in your own repository. No runtime to upgrade, no theme API to fight.
Motion that ships with the markup
Every interaction here is CSS and a pointer handler — no animation runtime, no bundle cost, and it degrades to a static section when the visitor asks for reduced motion.
@keyframes
mask-composite
pointermove
prefers-reduced-motion
Accessible underneath
Roles, focus order and keyboard paths come from the primitives, not from markup you have to remember to write.
Themed by tokens
Five colour presets, five shape presets, light and dark. Blocks inherit them because they never hard-code a colour.
Copy, do not install
The source lands in your repository. Rename it, gut it, keep it — nothing upstream can break it later.
Composed from real components
Buttons, cards, switches and avatars you already use, arranged. Nothing here is a one-off.
blocks/feature-bento.ts

Bloques: 11
Layouts: 10
Recetas: 3
Componentes de Volt en uso: 21

Bloques

Secciones que ya se mueven.

Secciones de página completas construidas con componentes de Volt, con el movimiento ya resuelto. Cada bloque es un solo archivo: cópialo, renómbralo y borra lo que no quieras.

Un archivo cada uno
Plantilla, estilos y comportamiento en un único componente standalone.
Sin runtime de animación
CSS y un manejador de puntero. Nada que añadir a tu bundle.
Consciente del tema
Construido sobre tokens, así que cada preset y el modo oscuro vienen incluidos.

Hero Spotlight

3 átomos

Apertura centrada con un foco que sigue al puntero.

Ships on every push

From commit to production without the ceremony.

Push a branch and get a URL. No pipeline to maintain, no console to learn, no meeting about who owns the deploy.

Deploys: 2.4M
p95 build: 38s
Uptime: 99.99%

acme/storefront

main

Deploying

Installing dependencies 142 packages
Building library ng-packagr
Running tests 394 passed
Deployed to production edge, 14 regions

Hero Split

4 átomos

El texto a la izquierda y un panel de producto vivo a la derecha, inclinado hacia el lector.

Why teams pick it

Everything you need, nothing you have to unlearn.

Plain Angular components in your own repository. No runtime to upgrade, no theme API to fight.

Motion that ships with the markup

Every interaction here is CSS and a pointer handler — no animation runtime, no bundle cost, and it degrades to a static section when the visitor asks for reduced motion.

@keyframes
mask-composite
pointermove
prefers-reduced-motion

Accessible underneath

Roles, focus order and keyboard paths come from the primitives, not from markup you have to remember to write.

Themed by tokens

Five colour presets, five shape presets, light and dark. Blocks inherit them because they never hard-code a colour.

Copy, do not install

The source lands in your repository. Rename it, gut it, keep it — nothing upstream can break it later.

Composed from real components

Buttons, cards, switches and avatars you already use, arranged. Nothing here is a one-off.

Feature Bento

2 átomos

Cuadrícula asimétrica donde cada tarjeta ilumina su propio borde bajo el cursor.

What we do

Four things, done properly, instead of everything.

01
Design systems
A component library your team actually uses, because they helped decide it.
We audit what you already ship, throw away the half of it that duplicates the other half, and rebuild the rest as tokens and components in your own repository. You end up owning the source, not renting it.
Token architecture
Component library
Figma kit
Adoption plan
02
Frontend architecture
The decisions that are expensive to change, made once and written down.
Routing, state, data fetching, rendering strategy and the boundaries between them. We leave you with a running application and a document explaining why every choice in it was made, so the next engineer does not relitigate all of them.
Architecture review
Reference app
Decision records
Team workshop
03
Performance
Numbers that move, measured on the devices your customers actually hold.
We profile on real hardware and real networks rather than a developer laptop on fibre, fix what the traces point at, and put a budget in CI so the wins stay won after we leave.
Trace analysis
Bundle surgery
CI budgets
Before and after
04
Accessibility
Conformance you can evidence, not a plugin score in a screenshot.
A manual audit against WCAG 2.2 AA with assistive technology, prioritised by how many people each issue blocks, plus the fixes implemented and the regression tests that keep them fixed.
Manual audit
Remediation
Automated checks
Statement

Service List

3 átomos

Filas numeradas que se abren al apuntarlas, en vez de cuatro tarjetas iguales.

Ver bloques

Layouts y recetas

Estructuras y flujos para completar.

Los layouts dan a una aplicación su estructura. Las recetas muestran comportamiento en el tiempo: un formulario que valida, una búsqueda que espera a la red, una tabla que pagina.