StofliUI
StofliUI ya disponible

Build Modern UI Designs

Una biblioteca de componentes React UI rápida, moderna y fácil de utilizar.

Empieza ahoraEmpieza ahora
$npm install stofli-ui
Dashboard móvil

Diseñado para desarrolladores y diseñadores

StofliUI es una biblioteca moderna que integra componentes UI potentes con estilos avanzados, ofreciendo precisión a nivel de píxel y una interfaz intuitiva para acelerar tu flujo de trabajo.

100%
Speed Insights
68,8kb
Min + Gzip
Server Side
Rendering
TypeScript
Soportado

Biblioteca de componentes completa

Accede a una colección extensa de componentes UI modernos y personalizables para tu próximo proyecto web.

Biblioteca Stofli

Categorías
React
Tailwind CSS
+
Frameworks
Next.js
Vite
Astro
Laravel
Estadísticas
Rendimiento
100%
Accesibilidad
WCAG 2.1 & ARIA
Tamaño
68,8KB min + gzip

Actualizaciones y roadmap

Mantente al día con las últimas mejoras y nuevas características disponibles en Stofli UI.

Versión
Estable
v1.0.1
Lanzamiento inicial

Ya está disponible StofliUI, con 21 componentes nuevos listos para utilizar.

9 Jun 2025

Construye interfaces modernas con StofliUI

Componentes reutilizables
Diseño responsivo integrado
Modos claro y oscuro nativos
Componentes
/
Buttons
···

new
Accesibilidad incorporada

Todos los componentes cumplen con@WCAG 2.1

Ver documentaciónDemo
Paso 1/3
terminal
background
$StofliUI ~
npm install stofli-ui
# o
yarn add stofli-ui
# o
bun add stofli-ui
# o
pnpm add stofli-ui

Comienza instalando StofliUI en tu proyecto mediante npm, yarn, bun o pnpm. Compatible con React, Next.js y otros frameworks modernos.

Tiempo: 5 min
React/Next
TypeScript

Instalación

Comienza instalando StofliUI en tu proyecto mediante npm, yarn, bun o pnpm. Compatible con React, Next.js y otros frameworks modernos.

Ver documentación

Uso básico

Importa y utiliza cualquiera de nuestros componentes en tus páginas o aplicaciones. Todos los componentes están totalmente tipados y documentados.

Personalización

Personaliza los componentes con tus propios estilos y temas. StofliUI se adapta perfectamente a la identidad visual de tu proyecto.

Características Principales

Nuestra biblioteca de componentes está diseñada con enfoque en accesibilidad, rendimiento y experiencia de desarrollo

Accesibilidad integrada desde el principio

Todos nuestros componentes cumplen con las directrices WCAG 2.1 AA, incluyendo navegación por teclado, soporte para lectores de pantalla y contrastes adecuados.

Navegación por teclado
Soporte completo
ARIA
Atributos integrados
WCAG 2.1
Nivel AA+
Estados enfocados
Visualización clara

Tamaño optimizado

Componentes con código altamente optimizado y tree-shaking integrado para reducir significativamente el tamaño del bundle.

<9KBTamaño promedio por componente
JS
Tree-shaking completo
RT
100/100 en Lighthouse

Personalización avanzada

Flexibilidad total mediante props de className que te permiten personalizar cada parte de los componentes sin sacrificar funcionalidad ni accesibilidad.

Personaliza con className
Flexible

Cada componente tiene sus propias props de className para que puedas personalizar cada parte del componente y conseguir una apariencia única.

Componentes listos para usar

Nuestra biblioteca de componentes está diseñada para integrarse fácilmente en tu proyecto de React con una simple instalación del paquete.

Fácil instalación

npm install stofli-ui y listo para usar.

Importación sencilla

import { Button } from "stofli-ui"

Compatibilidad con frameworks

Next.js, Astro Vite y Laravel.

Documentación completa

Guías detalladas, ejemplos de código y propiedades documentadas para ayudarte a implementar cada componente fácilmente.

Rendimiento
TypeScript
Guías
Props
Tailwind
React
Accesibilidad
Frameworks
TypeScript
Guías
Ejemplos interactivos