Bloques

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

La primera pantalla. Qué es el producto y la única cosa que hacer al respecto.

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.

Características

Lo que hace, dispuesto de forma que la característica importante se vea como la importante.

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.

Servicios

Lo que haces por alguien, cuando el producto es un equipo y no una descarga.

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.

Prueba social

Que lo diga otra gente, que es la única versión que alguien se cree.

Shipped by people who do not enjoy writing components.

Hover any row to stop it and read at your own pace.

We replaced three half-finished internal components in an afternoon. The part I did not expect: the diff was readable.
MI
Marta Ibáñez
Staff Engineer, Northwind
It is the first Angular kit where the accessibility was not something we had to add back in afterwards.
DO
Dan Okoro
Frontend Lead, Kestrel
Our designers picked a preset, we changed one variable, and the whole app followed. That never happens.
PR
Priya Raman
Design Systems, Bloom

We replaced three half-finished internal components in an afternoon. The part I did not expect: the diff was readable.
MI
Marta Ibáñez
Staff Engineer, Northwind
It is the first Angular kit where the accessibility was not something we had to add back in afterwards.
DO
Dan Okoro
Frontend Lead, Kestrel
Our designers picked a preset, we changed one variable, and the whole app followed. That never happens.
PR
Priya Raman
Design Systems, Bloom

No runtime dependency means no upgrade meeting. The code is ours now, and that is the entire pitch.
TV
Tomás Vidal
CTO, Fathom
Zoneless and signal-first out of the box, so it fit the app we already had instead of the one we wish we had.
SL
Sasha Lund
Principal Engineer, Verge
I copied a block, deleted half of it, and it still worked. That is the compliment I mean most.
IF
Ines Ferreira
Product Engineer, Tilt

No runtime dependency means no upgrade meeting. The code is ours now, and that is the entire pitch.
TV
Tomás Vidal
CTO, Fathom
Zoneless and signal-first out of the box, so it fit the app we already had instead of the one we wish we had.
SL
Sasha Lund
Principal Engineer, Verge
I copied a block, deleted half of it, and it still worked. That is the compliment I mean most.
IF
Ines Ferreira
Product Engineer, Tilt

Testimonial Marquee

2 átomos

Dos filas de citas deslizándose en sentidos opuestos, que se detienen bajo el puntero.

Precios

Los planes, la diferencia entre ellos y el que te gustaría que eligieran.

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

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

Pricing Tiers

4 átomos

Tres planes con un conmutador anual, precios animados y un plan destacado a mayor escala.

Contacto

Un formulario que funciona, junto a las formas de localizarte que no son un formulario.

Tell us what you are building.

A real person reads every message. If it is urgent, the phone number below is faster than this form.

hello@example.com

Answered within one business day.

+34 900 000 000

Weekdays, 9:00 to 18:00 CET.

Carrer de Mallorca 401, Barcelona

Visits by appointment.

Contact Split

4 átomos

Un formulario de verdad junto a las formas de localizarte que no son un formulario.

Llamada a la acción

La última oportunidad de convertir a quien ha leído la página entera.

Magnetic CTA

2 átomos

Panel de cierre con un borde degradado giratorio y un botón que se inclina hacia ti.

Pie de página

El mapa del sitio, la letra pequeña y la newsletter por la que nadie vuelve a subir.

Footer Sitemap

3 átomos

Cuatro columnas de enlaces, un campo de newsletter y una línea de estado que está viva de verdad.

Autenticación

Pantallas donde la página es el componente. La pestaña de layouts tiene las mismas reducidas a su esqueleto.

Login Split

4 átomos

Un panel de marketing junto al formulario: la versión acabada del layout de login.

Aplicación

Las pantallas detrás del login, con el trabajo hecho en vez de dejado como huecos.

Overview

Live · updated just now

Revenue

20.1%

Active users

180 this week

Orders

5.2%

Conversion

0.00%

0.8pp

Visitors

Thousands per month

12m

Activity

MI
Marta Ibáñez deployed storefront
2 minutes ago
DO
Dan Okoro approved invoice #4821
18 minutes ago
PR
Priya Raman added 3 team members
1 hour ago
TV
Tomás Vidal closed incident INC-233
3 hours ago

Dashboard

4 átomos

Shell con marca, cifras que cuentan hacia arriba y un gráfico que se dibuja solo.

Próximamente

Las categorías de arriba son la forma del conjunto; estas cubren los huecos.

Logo Cloud

Pronto

Logotipos de clientes que se asientan en su sitio según llega la sección.

FAQ

Pronto

Acordeón construido sobre la primitiva accesible, con un campo de búsqueda encima.

Stats

Pronto

Cifras que cuentan hacia arriba una vez, la primera vez que entran en pantalla.

Team

Pronto

Retratos que cambian por un cargo y un enlace cuando los apuntas.

¿Te falta alguno? Abre una issue y pasa al principio de la cola.