textCore v1.0

Stylewind

Get started with Stylewind

Stylewind escanea tus vistas Blade, genera las utilidades y escribe un CSS estático — igual que Tailwind: rápido, flexible y sin runtime.

La documentación de instalación, componentes y snippets es pública. Solo necesitas cuenta para crear o personalizar tus propios skins (estilos Stylewind).


Installation

Sigue estos pasos para tener tu primer stylewind.css en producción.

01

Elige un skin o crea el tuyo

Usa un preset de abajo en las demos, o inicia sesión para crear un estilo con tus colores, fuentes y radios.

Sign in to create
02

Publicar en el CDN

Al guardar, Stylewind compila el CSS y lo publica en /cdn/sw/{id}.css. El id es un código de 6–8 caracteres único por estilo.

# Ejemplo de URL pública
/cdn/sw/a3f9k2.css
03

Link the CDN stylesheet

Incluye el CSS del estilo con su identificador público (o el del preset de docs).

HTML
<link rel="stylesheet" href="/cdn/sw/docprin.css">

<h1 class="text-3xl font-bold text-primary-600">
  Hello Stylewind
</h1>
04

Add IconAwesome (optional)

Misma idea que Font Awesome Free, con clases .ia-* y alias .fa-*.

HTML
<link rel="stylesheet" href="/iconawesome/iconawesome.css">
<i class="ia-solid ia-cloud"></i>
05

Keep using textCore CDN

El editor WYSIWYG sigue igual. Una línea y listo — sin cambios de API.

HTML
<script src="https://textcore.ceballosleon.com/textcore-loader.js"></script>
<textarea data-textcore data-height="400"></textarea>

Skins (presets)

Estos skins están disponibles en la documentación sin cuenta. Cámbialos arriba o en Componentes / Snippets.

Personalizar skins Crear, editar, activar y descargar estilos propios requiere iniciar sesión.