PixUI

Overview

PixUI is a showcase and library of creative UI components for web designers and developers. Every component has its own page with a live, interactive preview and the full source code, ready to copy into a React project.

The collection covers the pieces that make a site feel alive: animated backgrounds, text effects, cursor effects, 3D objects, navigation menus, galleries and page transitions — plus full themed landing pages and character-driven "creatives".

The Problem

Polished motion and WebGL effects take a long time to build from scratch, and most inspiration sites show the result without the code. PixUI puts the working component and its source side by side.

What's Inside

• Backgrounds — Galaxy, Lightning, Grid, Squares and an audio spectrum
• Text effects — Variable Proximity, Text Pressure, Shuffle, Scrambled Text, Scroll Reveal, Text Cursor
• Animations — Laser Flow, Magnet Lines, Ghost Cursor, Image Trail, Pixel and Page Transitions, Folder, Cubes
• 3D — Blob Background, Glass Torus and Floating Shapes
• Navigation — Bubble Menu, Card Nav, Glass Surface Navbar and image-title navbars
• Galleries — Circular Gallery, Dome Gallery, Stack and Scroll Stack
• Themed pages — Stranger Things hero, Merry Christmas and a snowfall landing page

Key Features

• 40+ components, each with a live interactive preview
• Full source code on every component page, ready to copy
• WebGL and 3D effects built with OGL and Three.js
• Smooth scrolling and motion with GSAP, Framer Motion and Lenis
• Creatives section with character-driven animated pieces
• Per-page SEO and fast routing between components

Tech Stack

React, GSAP, Three.js (R3F), OGL / WebGL, Framer Motion, Tailwind CSS

Links

• Live Site
• GitHub