CSS
vision
by BinaryWriter
↶
↷
💡 Ayuda
🎨 Tokens
⭳ Proyecto
⭱ Cargar
🔗 Compartir
⤓ Exportar
Lienzo
🖥
📱
📲
Código generado
CSS
SCSS (variables + nesting)
Tailwind
Next.js (CSS Module)
Dioxus (rsx!)
Vue (SFC)
Svelte
styled-components
✕
⧉ Copiar
⤓ Descargar archivo
🎞 Editor de animación
✕
Nombre
Duración (s)
Easing
ease
linear
ease-in
ease-out
ease-in-out
cubic-bezier(.4,0,.2,1)
Iteraciones
Fotogramas (offset + CSS)
+ Añadir fotograma
Vista previa
Se guarda como
@keyframes
y se aplica al elemento seleccionado.
Guardar y aplicar
⎘ Importar / pegar CSS
✕
Pega reglas CSS (
.clase { … }
). Cada clase se vuelve un elemento editable. Se reconocen
:hover/:focus/:active
,
@media
,
@keyframes
y
:root
(tokens).
Importar
🎨 Tokens de diseño
✕
+ Añadir token
Defínelos una vez y reúsalos con
var(--token)
en cualquier campo. Salen como bloque
:root
en el export.
Listo