Pluto UIpluto/ui
Icons

Pluto Icons

A collection of beautifully animated icons with smooth hover effects. Browse, search, and copy icons with ease.

Overview

Pluto Icons showcases a curated collection of animated icons. Each icon features unique hover animations that provide delightful micro-interactions. Use the search functionality to quickly find the icon you need, and copy the icon name with a single click.

406 icons found

Features

  • Search Functionality: Quickly find icons by name or import name
  • Grid Layout: Responsive grid that adapts to different screen sizes
  • Copy to Clipboard: Copy icon names with one click
  • Smooth Animations: Powered by motion/react for fluid, performant animations
  • Hover Effects: Interactive hover states with engaging animations
  • Professional UI: Clean, modern interface built with shadcn components

Usage

  1. Search: Use the search bar at the top to filter icons by name
  2. Browse: Scroll through the grid to see all available icons
  3. Hover: Hover over an icon to see its name
  4. Copy: Click on an icon to copy its name to the clipboard

WebGL Effects

Apply stunning WebGL shader effects to any element using vfx-js, with support for built-in shaders and custom shaders.

On this page

OverviewFeaturesUsage