Componentes

Blocks

FeatureGrid

Grilla de features con ícono, título y texto.

Grilla de features

Vista previa

Todo lo que necesitas

Componentes pensados para construir productos reales.

Rápido

Build con bunchee, RSC-safe por módulo.

Multi-tema

Tres ejes ortogonales: modo, tema y tipografía.

Accesible

Sobre Radix: foco, teclado y ARIA correctos.

import { FeatureGrid } from "@eidondev/acme-ui/blocks";
import { Lightning, Palette, ShieldCheck } from "@phosphor-icons/react";

<FeatureGrid
  title="Todo lo que necesitas"
  columns={3}
  items={[
    { icon: <Lightning />, title: "Rápido", description: "Build instantáneo." },
    { icon: <Palette />, title: "Multi-tema", description: "Modo, tema y tipografía." },
    { icon: <ShieldCheck />, title: "Accesible", description: "Basado en Radix." },
  ]}
/>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Todo lo que necesitas

Componentes pensados para construir productos reales.

Rápido

Build con bunchee, RSC-safe por módulo.

Multi-tema

Tres ejes ortogonales: modo, tema y tipografía.

Accesible

Sobre Radix: foco, teclado y ARIA correctos.

Editorial · claro

Todo lo que necesitas

Componentes pensados para construir productos reales.

Rápido

Build con bunchee, RSC-safe por módulo.

Multi-tema

Tres ejes ortogonales: modo, tema y tipografía.

Accesible

Sobre Radix: foco, teclado y ARIA correctos.

Technical · oscuro

Todo lo que necesitas

Componentes pensados para construir productos reales.

Rápido

Build con bunchee, RSC-safe por módulo.

Multi-tema

Tres ejes ortogonales: modo, tema y tipografía.

Accesible

Sobre Radix: foco, teclado y ARIA correctos.

Warm · claro

Todo lo que necesitas

Componentes pensados para construir productos reales.

Rápido

Build con bunchee, RSC-safe por módulo.

Multi-tema

Tres ejes ortogonales: modo, tema y tipografía.

Accesible

Sobre Radix: foco, teclado y ARIA correctos.

Playful · claro

Todo lo que necesitas

Componentes pensados para construir productos reales.

Rápido

Build con bunchee, RSC-safe por módulo.

Multi-tema

Tres ejes ortogonales: modo, tema y tipografía.

Accesible

Sobre Radix: foco, teclado y ARIA correctos.