textCore v1.0

Installation

Get started with Stylewind

Compila utilidades como Tailwind, inyecta IconAwesome y sigue usando el CDN de textCore sin cambiar la API.

Get started View demos

Using the tools

Prueba cada pieza. Debajo de cada demo está el código listo para copiar — como en las docs de Tailwind.

1. Stylewind

Utilidades como Tailwind. Cambia el estilo con el select y mira el preview.

Live preview

Hola Stylewind

Elige un estilo en el select de arriba.

Preset local Soft. En el panel puedes crear y compilar estilos reales.

Cómo usarlo

<link rel="stylesheet" href="/stylewind/{id}/stylewind.css">

<div class="p-6 rounded-xl bg-slate-100">
  <h2 class="text-lg font-semibold">Hola Stylewind</h2>
  <button class="sw-btn-primary">Botón</button>
</div>
  1. Entra al panel y crea un estilo
  2. Edita colores / fuentes y pulsa Compilar
  3. Incluye el CSS generado en tu HTML

2. IconAwesome

Misma idea que Font Awesome. Clases .ia-* (alias .fa-*) + SVG custom.

Live preview

Uso: <i class="ia-solid ia-pen-to-square"></i>

Cómo usarlo

<link rel="stylesheet" href="/iconawesome/iconawesome.css">

<i class="ia-solid ia-pen-to-square"></i>
<i class="fa-solid fa-star"></i> 


<span class="ia-custom-mi-logo"></span>
  1. Incluye iconawesome.css
  2. Usa ia-solid ia-nombre (o fa-*)
  3. Sube un SVG en el panel → .ia-custom-slug

3. textCore (CDN)

Editor WYSIWYG. Una línea de script. La API no cambió.

Live preview

Cómo usarlo

<script src="https://textcore.ceballosleon.com/textcore-loader.js"></script>

<textarea
  data-textcore
  data-height="400"
  data-toolbar="bold italic | bullist | link | code"
></textarea>
  1. Incluye el loader del CDN
  2. Marca el textarea con data-textcore
  3. Configura toolbar/plugins con data-*

Ready to build

Abre el panel estilo docs, crea un estilo Stylewind y descarga el CSS. El CDN público no se toca.

Create account Sign in