OriginKit
Biblioteca gratuita de componentes animados para webs modernas
Descripción General
OriginKit es una biblioteca gratuita de componentes web bellamente animados, listos para copiar y pegar en proyectos de React o Framer. Incluye animaciones seleccionadas e interacciones suaves que dan a los sitios modernos un acabado pulido sin tener que crear cada efecto a mano. OriginKit es compatible con la IA. Incluye un servidor MCP para que los agentes de codificación con IA puedan incorporar componentes directamente a tu proyecto, y cada componente funciona como código limpio de copiar y pegar. Puedes explorar el catálogo completo en línea y tomar lo que encaje con tu diseño. También ofrece kits de inicio para React y Framer, además de versiones premium de componentes individuales para equipos que quieren más profundidad.
Ideal para
Ideal para desarrolladores web y creadores con IA que quieren animaciones pulidas sin escribirlas desde cero
Características Principales
- Componentes animados seleccionados para React y Framer
- Código de copiar y pegar sin pasos extra
- Servidor MCP para que la IA añada componentes directamente
- Microinteracciones suaves de calidad profesional
- Catálogo en línea para ver y previsualizar todo
- Kits de inicio para React y Framer
- Variantes premium disponibles
Pros
- +Gratuito con licencia permisiva
- +Los agentes de IA instalan componentes vía MCP
- +Animaciones pulidas listas para usar
- +Funciona con React y Framer
Contras
- -Catálogo menor que las grandes bibliotecas
- -Requiere React o Framer
- -Algunos componentes son premium
/// ESPECIFICACIONES
- Precio:Free
- Plataforma:Web
- Free animated component library with MCP support
Readymag
Herramienta de diseño web sin código
Lander Studio Blocks
Biblioteca gratuita de bloques UI para Figma — copia y pega componentes directamente en tus diseños
SpaceTypeGenerator
Generador de tipografía cinética y animación de texto
AnimXYZ
Animaciones CSS predefinidas hechas simples
Blazy Studio
Convierte prototipos de Figma en animaciones de video
Aimu
Editor de subtítulos en línea con generación automática
TikTokVoice
Locución con IA de texto a voz con voces TikTok
21st.dev
Componentes y plantillas React hechos a mano — no basura generada por IA
Apple Design Resources
Plantillas de diseño oficiales de Apple, kits de UI, fuentes y herramientas
Dither Kit
Gráficos y componentes UI retro pixel-perfect para tu web
AnimateIcons
Iconos SVG animados de código abierto para microinteracciones
Arlan's Vault
Una biblioteca de prompts de interacción web y estilos de diseño
MiniMax H3 Max
Convierte un prompt o imagen en un clip de video en segundos — gratis
CleanVideoAI
Elimina marcas de agua, logotipos y texto de videos al instante — gratis y sin registro
Concat
El reemplazo gratuito y open source de CapCut — sin marcas de agua, sin cuenta, sin suscripción
FigCraft
Diseño de interfaces y prototipado, reconstruido en Rust puro — gratuito, open source
Bencho
Componentes React interactivos y microinteracciones que puedes ajustar en vivo y llevar a tus proyectos
Flowbite Design System
Biblioteca componentes Tailwind CSS open-source kit Figma