{"enrichment":{"faq":[{"a":"Inspira UI provides over 120 copy-paste animated components designed for Vue 3 and Nuxt 4 projects. Built with TailwindCSS v4, motion-v, GSAP, and Three.js, it covers hero sections, 3D effects, text animations, interactive cursors, and particle systems\u2014all production-tested and MIT-licensed.","q":"What is inspira-ui and what components does it offer?"},{"a":"Yes. Inspira UI is a comprehensive animated components library for Vue 3 and Nuxt 4. It provides pre-built, copy-paste components including hero sections, shimmer buttons, morphing text, particle effects, and interactive backgrounds\u2014ready for modern web projects without additional setup.","q":"Can I use inspira-ui as a vue animated components library?"},{"a":"Inspira UI integrates Three.js and GSAP for 3D effects and particle animations in Vue applications. The library includes pre-built components for 3D globes, icon clouds, aurora backgrounds, and particle systems. All components are copy-paste ready with TailwindCSS v4 styling included.","q":"How do I set up 3D effects and particle animations in Vue?"},{"a":"Inspira UI handles TailwindCSS v4 and motion-v integration out of the box. All 120+ components are built and tested with both frameworks, eliminating common compatibility issues. Simply copy the components into your project and they work immediately with your existing TailwindCSS v4 setup.","q":"How do I resolve TailwindCSS v4 and motion-v integration errors?"},{"a":"Inspira UI provides production-ready components for animated landing pages including hero sections with parallax effects, neon border buttons, shimmer effects, morphing text animations, fluid cursors, confetti effects, and aurora backgrounds\u2014all designed to create engaging, interactive landing page experiences.","q":"What animated effects can I build for landing pages with inspira-ui?"},{"a":"Yes. Inspira UI includes components for fluid WebGL cursors and interactive background animations. These effects are built with Three.js and GSAP, providing smooth, performant interactions for modern web applications while maintaining compatibility with Vue 3 and Nuxt 4.","q":"Does inspira-ui support WebGL cursors and interactive backgrounds?"}],"shadow_tags":["motion-library","webgl-effects","component-kit","visual-effects","interactive-ui","3d-graphics","css-animation","developer-experience","ready-to-use"],"summary_rewrite":"Inspira UI provides over 120 copy-paste animated components designed for Vue 3 and Nuxt 4 projects. Built with TailwindCSS v4, motion-v, GSAP, and Three.js, it covers hero sections, 3D effects, text animations, interactive cursors, and particle systems\u2014all production-tested and MIT-licensed."},"files":[{"bytes":10269,"path":"plugins/inspira-ui/skills/inspira-ui/SKILL.md","sha256":"7557204fb21a763f2c599726172fe91cb9d08da4c3832ca7948bd5cec09b0af3","url":"https://skillfed.io/files/secondsky/claude-skills/inspira-ui/cf67922e/SKILL.md"}],"id":"secondsky/claude-skills/inspira-ui","links":{"html":"https://skillfed.io/secondsky/claude-skills/inspira-ui","md":"https://skillfed.io/secondsky/claude-skills/inspira-ui.md","repo":"https://github.com/secondsky/claude-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":29,"language":"TypeScript","last_updated":"2026-07-25","license":"MIT","name":"inspira-ui","publisher":"secondsky","stars":196},"relations":{"similar":[{"id":"onmax/nuxt-skills/motion"},{"id":"secondsky/claude-skills/nuxt-production"},{"id":"onmax/nuxt-skills/tresjs"},{"id":"nuxt/ui/nuxt-ui"},{"id":"DauQuangThanh/hanoi-rainbow/mockup-creation"},{"id":"antfu/skills/nuxt"},{"id":"skilld-dev/vue-ecosystem-skills/unovis-vue-skilld"},{"id":"skilld-dev/vue-ecosystem-skills/motion-v-skilld"},{"id":"freshtechbro/claudedesignskills/animated-component-libraries"},{"id":"martinholovsky/claude-skills-generator/vue-nuxt"}]},"slug":{"owner":"secondsky","repo":"claude-skills","skill":"inspira-ui"},"version":"cf67922e"}