nxui

Beautiful, interactive UI components you can copy and paste into your Vue apps.

Crafted with Vue 3, Tailwind CSS, and motion-v. Includes the only Vue port of Paper Shaders. Open source. Free forever.

Documentation · Components · Report Bug · Request Feature

---

_{224 animated components — including all 29 Paper Shaders as Vue components. Dark mode. Copy, paste, ship.}

Introduction

nxui is a collection of beautifully designed, interactive UI components built with Vue 3 and Tailwind CSS. Just run the CLI command, add the component to your project, and start building.

It also ships the only Vue port of Paper Shaders — all 29 WebGL shaders from paper.design wrapped as Vue components with typed props (@paper-design/shaders does 1.7M+ npm downloads/month; the Vue wrappers live here).

Why nxui?

• Copy & Paste — Not a dependency. You own the code.
• Interactive — Cursor-following effects, 3D transforms, and smooth animations.
• Customizable — Built with Tailwind CSS. Easy to modify.
• Dark Mode — All components support light and dark modes.
• TypeScript — Fully typed for the best developer experience.

Quick Start

The fastest way to add components is using the shadcn-vue CLI:

npx shadcn-vue@latest add https://nxui.geoql.in/r/spotlight-card.json

Components (224)

The registry also ships one internal helper, paper-shader-mount, that the Paper Shaders depend on — so npx shadcn-vue add resolves 220 items total, of which these 224 are user-facing components.

Text Animations (33)

Component	Description
ASCII Text	Three.js rendered text converted to ASCII art with animated wave distortion.
Blur Text	Words or letters animate from blurred to clear with a staggered entrance, triggered on scroll into view.
Circular Text	Layouts characters around a circle with optional rotation animation.
Count Up	Animated number counter with easeOutExpo easing, triggered on scroll into view.
Cursor Driven Particle Typography	Canvas-based text rendered as particles that disperse on cursor hover with spring physics.
Curved Loop	Text scrolling along a curved SVG path with drag interaction.
Decrypted Text	Hacker-style text decryption effect that scrambles characters before revealing the original text.
Editorial Orbs	Bouncing glowing orbs with text that dynamically flows around them in multi-column layout with drop caps and pull quotes.
Falling Text	Matter.js physics-based falling text where words collapse and tumble with realistic gravity.
Fuzzy Text	Canvas-based fuzzy blur text with hover intensity, directional displacement, glitch mode, gradient fill, and click effects.
Glitch Text	RGB split and distortion glitch effect with jitter animations and optional hover trigger.
Gradient Text	Animated flowing gradient across text with customizable colors and speed.
Hyper Text	A text component that scrambles letters before revealing the final text on hover or load.
Kinetic Text Reveal	A kinetic text reveal that segments text into words, characters, or lines and animates each into place with configurable direction, stagger, and blur.
Letter Cascade	A 3D split-flap letter animation with spring physics that cascades on hover or click.
Logo Loop	Infinite scrolling logo marquee with smooth animation and fade edges.
Rotating Text	Cycle through an array of text phrases with staggered character enter and exit transitions.
Scrambled Text	Text that scrambles characters near the cursor with a proximity-based scramble effect.
Scroll Based Velocity	Text that scrolls horizontally with velocity based on scroll speed and direction.
Scroll Float	Characters float up from below with scale distortion as you scroll, creating a bouncy entrance effect.
Scroll Reveal	Text that reveals word by word as you scroll, with optional blur and rotation effects.
Shiny Text	A configurable shimmering text highlight with animation speed, direction, yoyo, and pause-on-hover controls.
Shuffle	Animated text reveal where characters shuffle through random glyphs before settling into place.
Split Text	Staggered character or word entrance animation triggered on scroll into view.
Text Animate	A premium text animation component with multiple presets including blur, fade, slide, and scale effects.
Text Cursor	A cursor trail effect that drops text or emoji characters along the mouse path, with configurable spacing and fade.
Text Pressure	Variable font text that responds to cursor proximity with weight, width, and italic axis changes.
Text Repel	Physics-based text where letters are repelled or attracted by the cursor with spring dynamics.
Text String	A Verlet physics rope text animation where each character acts as a connected particle. Drag letters to unravel the string, toggle gravity, and watch characters collide and bounce.
Text Type	Typewriter effect with character-by-character typing, optional delete-and-retype loop, and blinking cursor.
True Focus	A temporal illusion that directs attention by blurring everything except the current focal point.
Typer Text	Typing transition where words get staggered outline boxes while a solid accent cursor block sweeps across, scrambling characters before they settle.
Variable Proximity	Text that changes font variation settings based on cursor proximity, creating a magnetic weight/width effect.

Animations (23)

Component	Description
Animated Content	Scroll-triggered entrance animation with configurable direction, distance, and easing.
Blob Cursor	Gooey blob cursor trail with SVG filter and configurable appearance.
Click Spark	Click-triggered spark burst animation rendered on canvas.
Crosshair	Smooth crosshair cursor replacement with horizontal and vertical lines.
Cubes	Interactive 3D CSS cube grid that tilts toward cursor with auto-animation.
Electric Border	Animated electric border with noise-driven distortion and glow effects.
Fade Content	Scroll-triggered fade-in with optional blur effect.
Ghost Cursor	Three.js-powered ghostly cursor trail with bloom, grain, and FBM noise effects.
Glare Hover	A glare sweep animation on hover with configurable angle, size, and color.
Gradual Blur	Layered backdrop-filter blur gradient overlay for smooth edge fading.
Image Trail	Mouse-following image trail that spawns images at cursor position with fade and scale animations.
Magic Rings	Concentric animated rings with glow, parallax, and click burst effects.
Magnet	Element that magnetically pulls toward the cursor when nearby.
Meta Balls	WebGL 2 metaball shader with cursor-reactive ball and configurable colors.
Noise	An animated canvas noise grain overlay for adding texture to backgrounds and sections.
Pixel Trail	Mouse-following pixel trail with SVG gooey filter for a blobby, organic cursor effect.
Pixel Transition	Pixelated grid transition that reveals a second content layer on hover.
Ribbons	Interactive OGL ribbon lines that follow mouse movement with spring physics.
Shape Blur	SDF shape with cursor-reactive blur distortion rendered via Three.js shaders.
Splash Cursor	Full WebGL fluid simulation cursor effect with realistic ink-in-water dynamics.
Star Border	Animated glowing border effect with dual radial gradient beams.
Strands	Animated flowing light strands rendered with OGL shaders, with configurable colors, waviness, glow, and optional glass refraction.
Target Cursor	Animated crosshair cursor that snaps to target elements with corner brackets and smooth lerp tracking.

Components (72)

Component	Description
Animated List	Scroll-triggered list with scale entrance, keyboard navigation, and gradient edges.
Animated TOC	Table of contents with an SVG rail that snakes through nesting levels and a dot that glides along the curve to the active entry.
Auth Modal	An authentication modal with social login buttons and email form.
Aurora Accordion	Accordion whose opened row detaches into its own card while an aurora gradient blooms behind the answer, then settles into a calm glow.
Banknote Bento	Vintage engravings as ink-on-paper banknote duotones with serif captions, plus a thermal-camera card whose heat boundary rises over the artwork and types its caption.
Border Glow	A CSS-driven directional glow card that tracks cursor position and proximity to edges with configurable colors and gradients.
Bounce Cards	Fan of image cards with staggered entrance and hover push animation.
Bubble Menu	Animated full-screen pill navigation with staggered scale-in and rotation.
Card Nav	Expandable navbar with staggered card reveal, hamburger toggle, and color-coded category panels.
Card Swap	Stacked card carousel that cycles the front card to the back with 3D transforms.
Carousel	Draggable card carousel with 3D perspective rotation and dot indicators.
Chroma Grid	Profile card grid with mouse-tracking spotlight reveal and per-card hover glow.
Circular Gallery	OGL-powered curved image gallery with drag/scroll navigation and wave deformation.
Collection Surfer	A 3D scroll-driven collection viewer where items surf along a perspective track. Perfect for immersive showcases.
Command Menu	A spotlight-style command palette with keyboard navigation and fuzzy search.
Counter	Animated number counter with spring-physics digit rolling and gradient fade overlays.
Curved Drawer	Slide-in drawer whose inner edge bulges with velocity via SVG path morphing, settling straight at rest.
Decay Card	SVG displacement map card that warps on cursor movement with lerp physics.
Dithered Logo	Renders any logo as a Floyd-Steinberg dithered particle field with cursor repulsion and click ripples.
Dock	A macOS-style dock with cursor-proximity magnification driven by configurable spring physics.
Dome Gallery	3D dome-shaped image gallery with CSS transforms, drag interaction, and click-to-enlarge.
Drag Reorder List	Drag-to-reorder list with lift, velocity tilt, spring-shifting siblings, and an empty-space cutout marking the drop slot.
Dynamic Island Header	Navbar that collapses into a compact pill on scroll, morphing to show the active section and reading progress.
Elastic Slider	Draggable slider with elastic overflow bounce and animated icons.
Eye Tracking	Animated eyes that follow your cursor with realistic blinking, reactive pupils, and idle micro-movements. Supports realistic, cartoon, minimal, and cyber variants.
Flight Status Card	An animated card displaying real-time flight information with progress tracking.
Flowing Menu	Hover-activated marquee menu with edge-aware slide-in animation.
Fluid Glass	Three.js glass refraction effect with chromatic aberration shader in lens, bar, or cube mode.
Flying Posters	OGL-powered vertical scroll gallery with rotating poster distortion.
Folder	Pure CSS 3D folder with open/close animation and magnetic paper hover.
Frosted Navigation	Bottom navigation where content melts into a progressive frosted-glass gradient, with a serif search pill and spring-animated tabs.
Github Calendar	A premium, customizable visualization of GitHub contribution graphs with multiple color schemes and display variants.
Glass Icons	Glass morphism icon buttons with gradient background, 3D tilt, and label reveal on hover.
Glass Surface	SVG displacement-based glass distortion element with chromatic aberration and frosted backdrop filter.
Gooey Nav	Particle-burst navigation with SVG gooey filter effect and spring animation.
Infinite Menu	WebGL icosahedron sphere menu with texture-mapped faces, drag rotation, and item selection.
Lanyard	Three.js lanyard with Verlet integration rope physics, draggable badge card, and optional GLTF model.
Layered Stack	Stack of cards that fans out on hover, stacking back with random rotation on mouse leave.
Mac Keyboard	An interactive Mac keyboard with real key tracking, sound effects, and visual feedback. Press keys on your keyboard to see them light up.
Magic Bento	Interactive bento grid with spotlight tracking, particle effects, border glow, and magnetism.
Magnetic Dock	A macOS-style dock with magnetic hover magnification and genie effect.
Masonry	Responsive masonry image grid with blur-to-focus entrance animation and hover scaling.
Model Viewer	Three.js 3D model viewer with OrbitControls, GLTF/FBX/OBJ support, auto-framing, and screenshot.
Music Player	An interactive vinyl-record music player with swinging tonearm and animated rotation.
Node Diagram	An animated node diagram with glowing data pulses flowing through connections.
Nostalgia	Vintage slide-viewer that cycles through memories while a fan of polaroid thumbnails arcs around it and a year + serif title crossfade underneath.
Notification Center	Frosted notification panel with badged bell trigger, spring-animated rows that expand in place, and live relative timestamps.
Orbit Card Stack	A stacked deck of profile cards that fans out into an orbital arc on hover, lifting the active card with spring physics.
Orbit Images	Images orbiting along customizable path shapes including ellipse, circle, star, heart, infinity, and more.
Pill Nav	Responsive pill-shaped navigation with smooth sliding indicator and mobile hamburger menu.
Pixel Card	Canvas pixel shimmer card with hover-activated sparkle effect and preset variants.
PlayStation Navbar	XMB-style cross-media navigation with a sliding category rail, glowing pill cursor, and full arrow-key control.
Podcast Player	Expandable podcast episode card driving a real audio element — waveform seek with hover scrubber, chapters, speed cycling, volume, and a compact pill mode.
Profile Card	Holographic tilt card with pointer-tracking 3D transforms, rainbow shine effects, and avatar parallax.
Reflective Card	Metallic ID card with SVG displacement filters, live webcam background, and chromatic aberration.
Ripple Transition	WebGL image transitions with noisy refractive waves, chromatic edges, glow, and click-triggered ripple origins.
Scroll Choreography	Scroll-driven image choreography with diagonal movement, stacking, and hero expansion phases.
Scroll Split Card	Scroll-driven card that splits into 3 panels and flips to reveal content.
Scroll Stack	Scroll-driven stacked card animation with scale and sticky positioning effects.
Scrub Input	An inline slider input styled as a pill, perfect for adjusting variables smoothly.
Showcase Card	A card with 3D tilt effect that responds to mouse movement for showcasing content.
Signature	Animated handwriting effect that converts text to font glyph paths and reveals them with staggered SVG stroke animations.
Split Flap Display	An airport-style split flap display with staggered character flip animations and configurable rows.
Spotlight Card	A card that follows the cursor with a spotlight glow effect on hover.
Stack	Draggable card stack with spring animations and send-to-back gesture.
Staggered Menu	Full-screen staggered menu with animated text cycling, gradient backgrounds, and social links.
Stepper	Multi-step wizard with animated step indicators and slide transitions.
Sticker Peel	Interactive sticker peel effect with CSS clip-path, SVG lighting filters, and drag interaction.
Sticky Scroll Cards	Scroll-driven card stack where images pin and scale as you scroll.
Testimonial Marquee	An infinite scrolling marquee of testimonial cards with smooth animation.
Tilted Card	3D tilting card that follows cursor with spring damping and tooltip caption.
Visual Stepper	Auto-playing vertical stepper with growing connector bars and a crossfading preview card.

Backgrounds (49)

Component	Description
Antigravity	Three.js InstancedMesh particle field with mouse-driven magnetic attraction, wave animation, and configurable shapes.
Aurora	WebGL aurora borealis effect with simplex noise and configurable color stops.
Balatro	Psychedelic spinning paint effect with configurable colors and pixel filtering.
Ballpit	3D physics-based ball pit with instanced meshes, subsurface scattering, and cursor interaction.
Beams	3D light beam planes with Perlin noise deformation and directional lighting.
Color Bends	Complex warp shader with mouse parallax, auto-rotation, and up to 8 custom colors.
Dark Veil	CPPN neural network shader background with hue shift, scanlines, and warp distortion.
Dither	Retro Bayer-matrix dithered noise shader background.
Dot Field	Interactive canvas dot grid with cursor bulge, glow, sparkle, and wave effects.
Dot Grid	Interactive canvas dot grid with velocity-based impulse, click shockwaves, and elastic return.
Evil Eye	An animated evil eye background with flame effects and cursor-tracking pupil.
Faulty Terminal	Matrix-style hacker terminal with digit patterns, scanlines, and chromatic aberration.
Ferrofluid	A WebGL ferrofluid metaball background with flowing turbulence, configurable colors, rim glow, and mouse interaction.
Floating Lines	Multi-layered glowing wave lines with cursor-reactive bending and gradient coloring.
Galaxy	OGL-powered starfield galaxy with thousands of animated points and parallax depth.
Gradient Blinds	Animated gradient blinds with spotlight, mouse tracking, and up to 8 color stops.
Grainient	Animated gradient background with noise grain and smooth color blending.
Grid Distortion	Three.js shader-based image distortion that warps a texture in response to mouse movement.
Grid Motion	A rotated grid of items that shifts horizontally based on cursor position with smooth easing.
Grid Scan	Three.js animated grid with scanning line effect, bloom, chromatic aberration, and mouse-reactive distortion.
Hyperspeed	Three.js highway light simulation with bloom, SMAA, distortion presets, and configurable car lights.
Iridescence	Mesmerizing iridescent color waves with mouse-reactive distortion.
Laser Flow	Three.js volumetric laser beams with fog, mouse tilt, and flow animation using GLSL shaders.
Letter Glitch	A grid of random characters with color glitching and vignette overlays.
Light Pillar	3D raymarched light pillar with configurable colors, quality settings, and optional mouse interaction.
Light Rays	Animated light rays emanating from a configurable origin with mouse following and color controls.
Lightfall	A WebGL raymarched light-streak background with falling luminous trails, configurable colors, density, and mouse interaction.
Lightning	WebGL-powered lightning bolt effect with fbm noise and customizable hue.
Line Waves	A WebGL animated line wave background with warping, color cycling, and mouse interaction.
Liquid Chrome	Interactive liquid chrome effect with ripple distortion and mouse tracking.
Liquid Ether	Full Navier-Stokes fluid simulation with mouse interaction, auto-demo driver, and customizable color palette.
Metallic Paint	Raw WebGL2 metallic paint effect with Laplacian depth solve, chromatic aberration, and mouse-driven ripples.
Orb	Glowing orb with hue-shifted noise, hover distortion, and optional rotation.
Particles	OGL particle system with velocity simulation, mouse influence, and connection lines.
Pixel Blast	Dithered pixel pattern with Bayer matrix, FBM noise, click ripples, and configurable shapes.
Pixel Snow	3D voxel-raymarched pixelated snowfall with configurable flake shapes and wind direction.
PlasmaWave	Raymarched plasma waves with dual-wave interference and OGL.
Plasma	WebGL2 ray-marched plasma background with mouse interaction, configurable colors, speed, and direction.
Prism	A prismatic light refraction background rendered with WebGL shaders.
Prismatic Burst	WebGL 2 raymarched spectral burst with configurable colors, distortion, and 3D animation modes.
Radar	An animated radar sweep background with concentric rings and radial spokes.
Ripple Grid	Animated sine-wave ripple grid with mouse interaction, rainbow mode, and vignette.
Shape Grid	An animated grid of shapes with hover trail effects and directional movement.
Side Rays	A WebGL light-rays background emanating from a screen corner, with configurable origin, tilt, colors, spread, and falloff.
Silk	Silky fabric-like shader background with flowing noise patterns and configurable color.
Soft Aurora	A WebGL aurora borealis background effect with perlin noise, cosine gradient coloring, and mouse interaction.
Squares	Animated grid of squares with directional movement and hover interaction.
Threads	Animated Perlin noise thread lines with mouse-reactive distortion and configurable color.
Waves	Perlin noise-driven wave lines with cursor-reactive distortion.

Hero Backgrounds (4)

Component	Description
Animated Gradient	A beautiful, animated, and customizable WebGL gradient with noise capabilities. Supports built-in presets (Aurora, Oceanic, Amber, Toxic, Ghost) and fully custom configurations.
Dither Prism Hero	A prismatic dithered hero section with advanced WebGL shaders featuring ordered dithering, holographic iridescence, and floating particles.
Hero Geometric	A dithered geometric gradient hero section powered by Three.js shaders with simplex noise and Bayer dithering.
WebGL Liquid	A premium liquid hero background powered by raw WebGL shaders, with configurable palette, grain, reveal timing, and flow behavior.

Visual Effects (11)

Component	Description
Border Beam	A moving gradient beam that travels along the border of its container. Perfect for highlighting active states.
Closing Plasma	A premium footer-ready plasma background with atmospheric noise and smooth pointer-driven flow.
Dither Gradient	A dithered gradient effect rendered on canvas with customizable colors and animation.
Image Ripple Effect	A WebGL-based image distortion effect that creates ripple waves on mouse hover using FBO ping-pong displacement mapping.
Infinite Image Field	A camera-based infinite scrolling image grid on canvas, driven by cursor position with smooth velocity interpolation.
Liquid Blob	A morphing liquid blob animation that follows the cursor with spring physics.
Magnet Lines	Lines that bend toward the cursor like a magnetic field with smooth transitions.
Matrix Rain	The iconic Matrix digital rain effect rendered on canvas with theme-aware colors.
Noise Texture	A subtle noise overlay that adds texture and depth to any container.
Particle Galaxy	A swirling 3D particle galaxy effect with spiral arms that responds to mouse movement.
Pixel Canvas	An interactive pixel grid canvas that responds to mouse movement with customizable colors.

Buttons (3)

Component	Description
Interactive Hover Button	A button with a slide-and-reveal hover effect that transitions content and background.
Pulsating Button	Vue port of the pulsating-button component from componentry.fun.
Shimmer Button	A button with a rotating shimmer/glow effect.

Paper Shaders (29)

Component	Description
Color Panels	Pseudo-3D semi-transparent panels rotating around a central axis.
Dithering	Animated 2-color dithering over multiple pattern sources (noise, warp, dots, waves, ripple, swirl, sphere).
Dot Grid	A static grid pattern made of circles, diamonds, squares, or triangles with adjustable colors, spacing, and size.
Dot Orbit	Animated multi-color dots with each dot orbiting around its cell center. Supports up to 10 colors and a range of shape and motion controls.
Fluted Glass	Fluted glass image filter that transforms an image into streaked, ribbed distortions, giving a mix of clarity and obscurity.
Gem Smoke	Animated color fields placed over an uploaded logo shape with smoky noise behind the glassy shape.
God Rays	Volumetric light rays with configurable colors, density, intensity, and bloom highlight.
Grain Gradient	Multi-color gradients with grainy, noise-textured distortion available in 7 animated abstract forms.
Halftone CMYK	A CMYK halftone printing effect applied to images with customizable dot patterns and ink colors for each channel.
Halftone Dots	A halftone-dot image filter featuring customizable grids, color palettes, and dot styles.
Heatmap	A glowing gradient of colors flowing through an input shape. The effect creates a smoothly animated wave of intensity across the image.
Image Dithering	A dithering image filter with support for 4 dithering modes and multiple color palettes — 2-color, 3-color, and multicolor options, using either predefined colors or colors sampled from the original image.
Liquid Metal	A futuristic liquid metal material applied to an uploaded logo or abstract shape, with fluid motion distortion along edges.
Mesh Gradient	A flowing composition of color spots moving along distinct trajectories with organic distortion.
Metaballs	Up to 20 colored gooey balls moving around the center and merging into smooth organic shapes.
Neuro Noise	A glowing, web-like structure of fluid lines and soft intersections for atmospheric, organic-yet-futuristic visuals.
Perlin Noise	Classic animated 3D Perlin noise with exposed controls for octaves, persistence, and lacunarity.
Pulsing Border	Luminous trails of color merging into a glowing gradient contour.
Simplex Noise	A multi-color gradient mapped into smooth, animated curves built as a combination of two Simplex noises.
Smoke Ring	A radial, multi-colored gradient ring shaped with layered noise for a natural, smoky aesthetic.
Spiral	Configurable spiral with stroke width, taper, cap, density, and optional noise distortion.
Static Mesh Gradient	Multi-point mesh gradient with up to 10 color spots, enhanced by two-direction warping, adjustable blend sharpness, and grain controls.
Static Radial Gradient	A static radial gradient with up to 10 blended colors, advanced mixing modes, focal point controls, and grain effects.
Swirl	Animated bands of color twisting and bending, producing spirals, arcs, and flowing circular patterns.
Paper Texture	A static texture built from multiple noise layers, usable for realistic paper and cardboard surfaces. Can be used as an image filter or as a standalone texture.
Voronoi	Voronoi cell diagram with configurable colors, glow, gap width, and organic distortion.
Warp	Organic warp distortion of a multi-color field with selectable shape patterns, swirl, and noise distortion.
Water	Water-like surface distortion with natural caustic realism. Works as an image filter or standalone animated texture.
Waves	Morphing wave pattern with controllable shape, frequency, amplitude, and spacing.

Tech Stack

• Framework: Nuxt 4
• Styling: Tailwind CSS 4
• Components: Vue 3
• Animation: motion-v
• Package Manager: pnpm

Development

Prerequisites

• Node.js 24+
• pnpm 11.3+ (recommended: install via corepack enable)

Setup

# Clone the repository
git clone https://github.com/vinayakkulkarni/nxui.git
cd nxui

# Install dependencies
pnpm install

# Start development server
pnpm run dev

Available Scripts

Command	Description
pnpm run dev	Start development server
pnpm run build	Build for production
pnpm run lint	Run oxlint
pnpm run lint:fix	Fix lint issues automatically
pnpm run format	Format with oxfmt
pnpm run format:check	Verify formatting
pnpm run build:registry	Build registry JSONs → public/r/
pnpm run update:deps	Interactively update all deps (taze)

Contributing

We welcome contributions! Whether it's:

• Reporting a bug
• Submitting a fix
• Proposing new features
• Creating new components

How to Contribute

1. Fork the repository
2. Create your feature branch (git checkout -b feat/new-component)
3. Commit your changes (git commit -Sam 'feat: add component')
4. Push to the branch (git push origin feat/new-component)
5. Open a Pull Request

Component Guidelines

When creating new components:

• Use TypeScript with proper type definitions
• Support both light and dark modes
• Include comprehensive props with sensible defaults
• Add smooth transitions and animations
• Write clear documentation with examples
• Follow existing code style and patterns

License

MIT License — feel free to use these components in personal and commercial projects.

See LICENSE for more information.

Acknowledgments

nxui is a Vue port of Componentry by Harsh Jadhav. The original component designs and interactions come from that project.

• Componentry (GitHub) — Original React component library that nxui ports to Vue
• Paper Shaders (GitHub) — Zero-dependency WebGL shader library by paper.design, Apache-2.0. nxui wraps all 29 shaders as Vue components
• React Bits (GitHub) — Animated React component collection and ecosystem inspiration
• shadcn-vue — Vue port of shadcn/ui
• motion-v — Vue animation library
• VueUse — Collection of Vue composition utilities

---

Made with care by Vinayak Kulkarni