Rewamp UI components

Copy-paste React components: highly interactive, physically accurate and driven by Framer Motion.

Components: 72
Framework: React
Stack: React, TypeScript, JavaScript, Tailwind
GitHub stars: 185
Source: https://github.com/palakonweb/Rewamp-UI
Website: RewampUI.com
Install: npx rewampui add {name}

All Rewamp UI components

Ambient Glow Orbs
Animated Search Demo
Arch Card Carousel
Ascii Matrix Hover
Book A Call Button
Character Scramble Text: Text whose characters scramble through random glyphs before settling on the final letters.
Chrome Border Button
Circular Radial Navbar
Cosmic Dust
Curtain Reveal Navbar: Navigation bar whose menu opens like a curtain sliding down over the page.
Dark Mode Mobile Navbar
Day Night Sky Toggle
Diagonal Card Stack: Exact recreation of the diagonal cascading card stream & stacked deck collapse animation.
Editorial 3 D Orbit Carousel
Elastic Line Grid: Background grid of lines that bend elastically near the pointer and spring back.
Flip 3 D Text: Text whose letters flip in 3D around their axis.
Flower Sidebar
Fluid Morph Orb: Animated orb that continuously changes shape like a fluid, shader based.
Fluid Wave Navbar: Navigation bar with a fluid wave that follows the hovered or active item.
Folder Tab Card: A modern tactile UI card featuring an ethereal animated mesh aurora gradient header, circular diagonal glass arrow action button, and an…
Glass Orb Toggle
Gloss Button
Googly Eyes Button
Gradient Reveal Text
Gradient Wave Background
Halftone Dot Cursor: Recreation of Recording 2026-09-17 213845.mp4: An interactive halftone dot matrix cursor that expands and blooms into an organic, fluid…
Hero Morph Navbar: Navigation bar that changes shape and size as the page scrolls past the hero.
Hyperspeed Warp
Jelly Scoop Navbar: Navigation bar whose active indicator moves with a jelly, wobbly motion.
Kinetic Lens Sidebar
Kinetic Reel Text: Centered 3D mechanical cylinder reel matching: "we make buttons sidebars shaders loaders orbs
Landscape Orb Toggle
Layered Paper Waves Background
Liquid Cursor Gradient: Gradient background that flows like liquid following the pointer.
Liquid Underline Navbar: Navigation bar with an underline that stretches like liquid from one link to the next.
Magnetic Pill Navbar
Marbled Fluid Orb: Animated orb with swirling marbled colours, shader based.
Morph Search Capsule: Sleek, tactile search pill capsule with click ripple physics and a buttery-smooth fluid SVG morph transition between the magnifying glass…
Morphing Tab Navbar
Neumorphic Download Button
Orbital Card Arch: Exact recreation of Recording 2026-09-15 154820.mp4: Cards gliding along a panoramic 3D curved horizon cylinder (rotateY, translateZ) with…
Orbiting Planets Navbar
Particle Dot Orb
Particle Morph Orb: Orb made of particles that rearrange into different shapes.
Particle Wave
Perspective Flip Deck: Exact recreation of Recording 2026-09-15 154736.mp4: 3D isometric perspective fanned card deck. When cycling, the front card physically…
Pill Expand Navbar: Pill-shaped navigation bar that expands to reveal its links.
Pill Trail Cursor
Pixel Cloud Background
Pixel Dot Navbar
Pixel Snow Background
Plexus Engine
Rainbow Button
Refracted Beams
Ripple Grid
Shimmer Button: Button with a strip of light sweeping across it in a loop.
Sidebar
Silk Waves Background
Sine Ribbons
Singularity Flare Background
Skeleton: Shared Skeleton primitive Pulsing block styled with brand tokens and subtle lilac shimmer sweep: linear-gradient(90deg, transparent…
Slide To Confirm Button
Soft Aurora
Split Text Reveal
Spotlight Grid
Spotlight Text
Theme Toggle: RewampUI ThemeToggle Component A smooth, tactile Light / Dark mode toggle switch with layout-interpolated spring physics, spinning icon…
Typewriter Text: Text typed out one character at a time with a blinking cursor.
Velocity Marquee Text
Water Caustics Background
Wireframe Ring Orb
Word By Word Text

Rewamp UI components

All Rewamp UI components

Browse by category