Créditos
Senzu se apoya en el trabajo de otras personas. Todo lo de terceros conserva su licencia original y su
aviso de copyright (LICENSE.upstream en cada skill; el archivo de licencia en cada efecto). Nuestro
código es MIT (LICENSE). Se actualiza cada semana desde los repositorios originales.
Skills de terceros
Sección titulada «Skills de terceros»Copiadas tal cual y con una capa en castellano encima (core/skills-overlay/); el original no se modifica.
| Repositorio | Autor | Licencia | Skills |
|---|---|---|---|
| ui-ux-pro-max-skill | Next Level Builder | MIT | 7: banner-design, brand, design-system, graphic-design, slides, ui-styling, ui-ux-pro-max |
| claudedesignskills | Claude Skills Project | MIT | 22: aframe-webxr, animated-component-libraries, animejs, babylonjs-engine, barba-js, blender-web-pipeline, gsap-scrolltrigger, lightweight-3d-effects, locomotive-scroll, lottie-animations, modern-web-design, motion-framer, pixijs-2d, playcanvas-engine, react-spring-physics, react-three-fiber, rive-interactive, scroll-reveal-libraries, spline-interactive, substance-3d-texturing, threejs-webgl, web3d-integration-patterns |
Colección de efectos (137 repositorios)
Sección titulada «Colección de efectos (137 repositorios)»Fuente de las recetas del catálogo de efectos de front-activation. No va en el repositorio: se descarga
con tools/vendor-effects.ps1.
botones-enlaces
Sección titulada «botones-enlaces»| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/ButtonHoverStyles | MIT | Coleccion de hovers de boton |
| codrops/DistortedLinkEffects | MIT | Enlaces con distorsion SVG |
| codrops/LineHoverStyles | MIT | Coleccion de hovers de enlace con lineas |
| codrops/MagneticButtons | MIT | Botones magneticos que siguen al raton |
componentes-ui
Sección titulada «componentes-ui»| Repositorio | Licencia | Para qué |
|---|---|---|
| danielpetho/fancy | MIT | Componentes React animados de fancycomponents.dev (texto, hover, fisica) |
| jh3y/whirl | MIT | 100+ loaders/spinners CSS de Jhey |
| lukehaas/css-loaders | MIT | Loaders CSS clasicos de un solo div |
| magicuidesign/magicui | MIT | Componentes animados React/Tailwind (marquee, bento, border beam, globe, dock): referencia de microinteracciones y bento |
| n3r4zzurr0/svg-spinners | MIT | ~50 spinners SVG/CSS minimos, listos para incrustar |
| SamHerbert/SVG-Loaders | MIT | Loaders SVG animados clasicos |
| uiverse-io/galaxy | MIT | Miles de elementos UI (botones, cards, loaders, checkboxes) en CSS/Tailwind |
cursores
Sección titulada «cursores»| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/AnimatedCustomCursor | MIT | Cursor personalizado animado |
| codrops/CrosshairDistortion | MIT | Cursor crosshair con distorsion en hover |
| codrops/GooeyCursor | MIT | Cursor gooey (filtro SVG) |
| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/AnimatedCodeBackground | MIT | Animated Code Background (demo Codrops) |
| codrops/BackgroundShift | MIT | Background Shift (demo Codrops) |
| codrops/codrops-sketches | MIT | codrops-sketches (demo Codrops) |
| codrops/FullscreenClipEffect | MIT | Fullscreen Clip Effect (demo Codrops) |
| codrops/GlitchPerspective | MIT | Glitch Perspective (demo Codrops) |
| codrops/ImagePixelLoading | MIT | Carga de imagen pixelada |
| codrops/IntroTrailEffect | MIT | Intro Trail Effect (demo Codrops) |
| codrops/MotionTrailAnimations | MIT | Estelas de movimiento (motion trail) |
| codrops/Theodore | MIT | Theodore (demo Codrops) |
| codrops/WebGLBlobs | MIT | Blobs WebGL organicos |
| Repositorio | Licencia | Para qué |
|---|---|---|
| catdad/canvas-confetti | ISC | Confeti y lluvia de formas con gravedad (celebrar una conversion) |
| combatwombat/matter-dropdown | MIT | Fisica sobre elementos reales de la pagina: la pagina se desmorona y se arrastra |
| d3/d3-delaunay | ISC | Voronoi rapido: los trozos irregulares del cristal roto |
| liabru/matter-js | MIT | Motor de fisica 2D: objetos que caen, rebotan, se arrastran y se lanzan (ejemplos en examples/) |
| pmndrs/react-three-rapier | MIT | Fisica 3D en React Three Fiber (Rapier): un modelo GLB que cae y choca |
| Repositorio | Licencia | Para qué |
|---|---|---|
| tengbao/vanta | MIT | 14 fondos animados WebGL (waves, fog, net, birds) |
| Repositorio | Licencia | Para qué |
|---|---|---|
| css-doodle/css-doodle | MIT | Patrones y formas generativas con CSS (fondos y texturas de marca) |
| g-harel/blobs | MIT | Genera blobs SVG organicos por semilla (receta Blob organico) |
| veltman/flubber | MIT | Interpola entre dos paths SVG cualesquiera (receta Morph entre formas) |
galerias
Sección titulada «galerias»| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/3DCarousel | MIT | 3 DCarousel (demo Codrops) |
| codrops/DoubleSlideshow | MIT | Double Slideshow (demo Codrops) |
| codrops/GridToSlider | MIT | Grid que se convierte en slider |
| codrops/ShapesSlideshow | MIT | Slideshow con formas SVG |
| codrops/SlideshowAnimations | MIT | Coleccion de animaciones de slideshow |
| codrops/ZoomSlideshow | MIT | Slideshow con zoom |
hover-imagen
Sección titulada «hover-imagen»| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/3DGridContentPreview | MIT | 3 DGrid Content Preview (demo Codrops) |
| codrops/BackgroundScaleHoverEffect | MIT | Fondo que escala en hover |
| codrops/ClipHoverEffect | MIT | Clip Hover Effect (demo Codrops) |
| codrops/DiagonalThumbnails | MIT | Diagonal Thumbnails (demo Codrops) |
| codrops/DoubleImageHoverEffects | MIT | Doble imagen con clip-path en hover |
| codrops/GridItemHoverEffect | MIT | Hover de item de grid (reveal) |
| codrops/HoverGrid | MIT | Grid con hover que expande imagen |
| codrops/HoverPreviewMiniMap | MIT | Preview con minimapa en hover |
| codrops/ImageGridMotionEffect | MIT | Grid de imagenes que reacciona al raton |
| codrops/ImageStackGrid | MIT | Image Stack Grid (demo Codrops) |
| codrops/ImageToContent | MIT | Image To Content (demo Codrops) |
| codrops/PixelGooeyTooltip | MIT | Pixel Gooey Tooltip (demo Codrops) |
| codrops/RepetitionHoverEffect | MIT | Hover de repeticion de imagen |
| codrops/ThumbHoverSVGFilter | MIT | Thumbnails con filtro SVG en hover |
| micku7zu/vanilla-tilt.js | MIT | Tilt 3D con glare sin dependencias (fuente de lightweight-3d-effects) |
| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/3DLettersMenuHover | MIT | 3 DLetters Menu Hover (demo Codrops) |
| codrops/CSSMarqueeMenu | MIT | Menu marquee solo CSS |
| codrops/DistortedMenuLinkEffects | MIT | Distorted Menu Link Effects (demo Codrops) |
| codrops/EaseReverseClipMenu | MIT | Menu overlay clip-path easeReverse |
| codrops/ExpandingRoundedMenu | MIT | Menu redondeado expandible |
| codrops/ImageTilesMenu | MIT | Menu con tiles de imagen |
| codrops/InlineToMenuLink | MIT | Inline To Menu Link (demo Codrops) |
| codrops/LetterShuffleMenu | MIT | Menu con shuffle de letras |
| codrops/MarqueeMenu | MIT | Menu marquee (estilo K72) |
| codrops/MenuFullGrid | MIT | Menu Full Grid (demo Codrops) |
| codrops/MenuThumbStackAnimation | MIT | Menu Thumb Stack Animation (demo Codrops) |
| codrops/MenuToGrid | MIT | Menu que se transforma en grid |
| codrops/RapidImageHoverMenuEffects | MIT | Rapid Image Hover Menu Effects (demo Codrops) |
| codrops/ScrollLoopMenu | MIT | Scroll Loop Menu (demo Codrops) |
scroll-layout
Sección titulada «scroll-layout»| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/3DStackMotion | MIT | 3 DStack Motion (demo Codrops) |
| codrops/ColumnScroll | MIT | Column Scroll (demo Codrops) |
| codrops/ConnectedGrid | MIT | Connected Grid (demo Codrops) |
| codrops/ElasticGridScroll | MIT | Grid elastico segun velocidad de scroll |
| codrops/FullscreenScroll | MIT | Fullscreen Scroll (demo Codrops) |
| codrops/GlitchyGrid | MIT | Glitchy Grid (demo Codrops) |
| codrops/GridFlowEffect | MIT | Grid Flow Effect (demo Codrops) |
| codrops/GridViewSwitch | MIT | Grid View Switch (demo Codrops) |
| codrops/GridZoom | MIT | Grid Zoom (demo Codrops) |
| codrops/HorizontalSmoothScrollLayout | MIT | Horizontal Smooth Scroll Layout (demo Codrops) |
| codrops/InlineLayoutSwitch | MIT | Inline Layout Switch (demo Codrops) |
| codrops/LayersAnimation | MIT | Layers Animation (demo Codrops) |
| codrops/LinesToLayout | MIT | Lines To Layout (demo Codrops) |
| codrops/LoopScrolling | MIT | Scroll en bucle infinito |
| codrops/MakeWayGridEffect | MIT | Make Way Grid Effect (demo Codrops) |
| codrops/OneElementScroll | MIT | Un elemento protagonista al scroll |
| codrops/OnScrollColumnsRows | MIT | On Scroll Columns Rows (demo Codrops) |
| codrops/OnScrollFilter | MIT | On Scroll Filter (demo Codrops) |
| codrops/OnScrollLayoutFormations | MIT | Formaciones de layout al scroll |
| codrops/OnScrollShapeMorph | MIT | On Scroll Shape Morph (demo Codrops) |
| codrops/OnScrollViewSwitch | MIT | On Scroll View Switch (demo Codrops) |
| codrops/PushGridItems | MIT | Push Grid Items (demo Codrops) |
| codrops/RapidLayersAnimation | MIT | Rapid Layers Animation (demo Codrops) |
| codrops/ReflectionScroll | MIT | Reflection Scroll (demo Codrops) |
| codrops/RotatingOnScrollAnimations | MIT | Rotaciones 3D al scroll |
| codrops/Scroll3DGrid | MIT | Grid 3D con perspectiva al scroll |
| codrops/ScrollAnimationsGrid | MIT | Grid con animaciones al scroll |
| codrops/ScrollBasedLayoutAnimations | MIT | Animaciones de layout basadas en scroll |
| codrops/ScrollPanels | MIT | Scroll Panels (demo Codrops) |
| codrops/Staggered3DGridAnimations | MIT | Grid 3D con stagger scroll-triggered |
| codrops/StickySections | MIT | Secciones sticky apiladas |
| codrops/SuperfluidLayout | MIT | Superfluid Layout (demo Codrops) |
| codrops/TileScroll | MIT | Tiles 3D al scroll |
| codrops/UnrevealEffects | MIT | Unreveal Effects (demo Codrops) |
| Repositorio | Licencia | Para qué |
|---|---|---|
| maxwellito/vivus | MIT | Dibujado de trazos SVG sin GSAP (receta Dibujado de trazo) |
| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/CircularTextEffect | MIT | Texto circular rotando |
| codrops/ContextAwareLogoAnimationScroll | MIT | Context Aware Logo Animation Scroll (demo Codrops) |
| codrops/GooeyTextHoverEffect | MIT | Texto gooey en hover |
| codrops/ImageExpansionTypography | MIT | Image Expansion Typography (demo Codrops) |
| codrops/LettersAnimationLayout | MIT | Letters Animation Layout (demo Codrops) |
| codrops/LineTextHoverAnimations | MIT | Animaciones de linea al hover en texto |
| codrops/LineTypeEffect | MIT | Line Type Effect (demo Codrops) |
| codrops/OnScrollLetterAnimations | MIT | On Scroll Letter Animations (demo Codrops) |
| codrops/OnScrollSVGFilterText | MIT | Filtros SVG sobre texto al scroll |
| codrops/OnScrollTextHighlight | MIT | Subrayado-highlight de texto al scroll |
| codrops/OnScrollTypoAnimations | MIT | On Scroll Typo Animations (demo Codrops) |
| codrops/OnScrollTypographyAnimations | MIT | Tipografia animada al scroll (SplitText) |
| codrops/ScrollBlurTypography | MIT | Texto que se desenfoca-revela al scroll |
| codrops/ScrollTextMotion | MIT | Texto en movimiento scroll-driven |
| codrops/SlicedTextEffect | MIT | Texto cortado en capas animadas |
| codrops/TextClipScroll | MIT | Texto clip-path al scroll |
| codrops/TextRepetitionEffect | MIT | Repeticion de texto (echo) animada |
| codrops/TypeShuffleAnimation | MIT | Scramble-shuffle de texto por clases |
| codrops/TypographyMotion | MIT | Typography Motion (demo Codrops) |
tipografia
Sección titulada «tipografia»| Repositorio | Licencia | Para qué |
|---|---|---|
| shshaw/Splitting | MIT | Divide texto en caracteres/palabras con variables CSS (tipografia cinetica sin GSAP) |
transiciones
Sección titulada «transiciones»| Repositorio | Licencia | Para qué |
|---|---|---|
| codrops/astro-shop-view-transitions | MIT | Tienda Astro con View Transitions API |
| codrops/ContentLayoutTransition | MIT | Transicion de layout de contenido |
| codrops/CoverPageTransition | MIT | Transicion de pagina con cover |
| codrops/ImageToGridTransition | MIT | Image To Grid Transition (demo Codrops) |
| codrops/IntroGridMotionTransition | MIT | Intro Grid Motion Transition (demo Codrops) |
| codrops/KineticTypePageTransition | MIT | Transicion con tipografia cinetica |
| codrops/PixelTransition | MIT | Transicion pixelada |
| codrops/PreviewContentTransition | MIT | Preview Content Transition (demo Codrops) |
| codrops/RepeatingImageTransition | MIT | Transicion con imagen repetida |
| codrops/TextBlockTransitions | MIT | Text Block Transitions (demo Codrops) |
| codrops/ThumbFullTransition | MIT | Thumb Full Transition (demo Codrops) |
| codrops/TooltipTransition | MIT | Tooltip Transition (demo Codrops) |
| Repositorio | Licencia | Para qué |
|---|---|---|
| PavelDoGreat/WebGL-Fluid-Simulation | MIT | Simulacion de fluidos en GPU que sigue al raton (receta Fluido) |
| shuding/cobe | MIT | Globo 3D WebGL de ~5 kB con marcadores (receta Globo 3D) |
Ideas, no código
Sección titulada «Ideas, no código»- Modo ahorro: inspirado en la idea de caveman (Apache-2.0); implementación y textos propios.
- Recetas con Pretext: usan la librería @chenglou/pretext (MIT) como dependencia del proyecto que la instale; no se incluye su código.