VFX UI with AI coding agents
Add VFX UI React components with an AI coding agent. Use a complete installation prompt, component references and clear accessibility and layout constraints.
Open a component in the library and share its URL with your coding agent. The detail page contains the usage example, props and implementation notes it needs.
A prompt you can adapt
Include the component you want, where it belongs and what should stay consistent with your project:
Add VFX UI Hero Contour to my React landing page.
Component: https://vfx-ui.com/heroes/hero-contour/
Install editable source:
npx shadcn@latest add https://vfx-ui.com/r/hero-contour.json
Keep my existing brand colors and typography.
Replace the example text and links with my content.
Preserve keyboard access and reduced-motion behavior.
Check desktop and a 390px viewport.Ask the agent to use the local import from the component page after installing source. The npm package currently published does not match this catalog; see installation & usage.
Machine-readable references
- Library overview: an entry point for agents exploring the library.
- Agent guidance: installation and implementation guidance.
- Public registry: the list of installable free components.
Components in the public registry can be installed without authentication. Keep the supplied copyright and MIT license notices when modifying or redistributing their source.
WebGPU compatibility & accessibility
Check browser and GPU requirements for VFX UI effects. Plan HTML content, static fallbacks, reduced motion, keyboard access and responsive React layouts.
Free component license
Understand the MIT license for VFX UI React components, including commercial use, modification, redistribution and copyright notices.