Future UI

What it does

Build stunning UIs with handcrafted animated React components. Premium carousels, cards, particle effects, WebGL shaders, and 3D interactive UI blocks. Copy, paste, and customize.

Build stunning UIs with handcrafted animated React components. Premium carousels, cards, particle effects, WebGL shaders, and interactive UI blocks. Copy, paste, and customize.

A 3D radial carousel with GSAP-powered animations and drag interaction. An interactive bento grid with GSAP-powered hover animations. A retro LED dot-matrix display with customizable text and dot size. A draggable 3D isometric cube grid with image faces, hover explode effects, and momentum rotation. WebGL2 particle engine - images scatter apart and reassemble with physics-based mouse interaction. First impressions happen in milliseconds. Give your product a stage it deserves. Start free and buy components individually, or unlock everything with one purchase. The full FutureUI component library, grouped by category. Each one is production-ready TypeScript, installed via the shadcn CLI,…from futureui.studio

• 
  ReactSymbols UI Kit2017 · coolsymbol.now · ▲288

  UI elements in ready-to-use components for React

• 
  Animate Components2017 · github.com · ▲205

  Elemental components for doing animations in React.

• 
  I reverse engineered top websites to build an animated UI library2025 · reverseui.com · ▲156

  Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback

• 
  Animate UI2025 · animate-ui.com · ▲19

  Make animated websites easily and quickly

• 
  Quarkly2020 · quarkly.io · ▲184

  Design tool to create sites & web apps on React

• 
  React Rainbow Components2019 · react-rainbow.io · ▲327

  Build your web application in a snap.

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 25d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 19d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 13d ago · readrare.com

• 
  Lightfield▲901

  AI-native CRM that builds itself and does work for you

  AI · Mar 2026 · lightfield.app

• 
  Tobira.ai▲728

  A network where AI agents find deals for their humans

  AI · Mar 2026 · tobira.ai

• 
  Claude Import Memory▲716

  Switch from ChatGPT to Claude with import memory feature

  AI · Mar 2026 · claude.com

• 
  Littlebird▲709

  Littlebird remembers everything across your meetings, messages, docs, and apps, then takes action so you can recall any detail and never lose context.

  AI · Mar 2026 · littlebird.ai

• 
  Viktor.com▲702

  Your AI Coworker that proactively executes tasks

  AI · Mar 2026 · viktor.com

• 
  Jupid▲659

  File your taxes with Claude Code

  Commerce · Mar 2026 · jupid.com