import { Atom, AudioLines, BatteryCharging, Brain, Cloud, Cog, Cpu, Cuboid, Earth, Eye, Globe, HandMetal, Heart, Laptop, Layers, MessageCircle, Microscope, Move, PaintRoller, PersonStanding, Pyramid, Regex, Rocket, Satellite, Save, ScanFace, Settings, Sigma, Sparkles, Star, Sun, TrendingUp, Zap, } from "lucide-react" import Gravity, { MatterBody } from "@/components/fancy/physics/gravity" export default function Preview() { const icons = [ { icon: Atom, size: 24 }, { icon: Brain, size: 24 }, { icon: Cog, size: 24 }, { icon: Cpu, size: 24 }, { icon: TrendingUp, size: 24 }, { icon: Globe, size: 24 }, { icon: Laptop, size: 24 }, { icon: Microscope, size: 24 }, { icon: Pyramid, size: 24 }, { icon: Rocket, size: 24 }, { icon: PaintRoller, size: 24 }, { icon: Eye, size: 24 }, { icon: ScanFace, size: 24 }, { icon: PersonStanding, size: 24 }, { icon: Sun, size: 24 }, { icon: Sparkles, size: 24 }, { icon: Regex, size: 24 }, { icon: Cloud, size: 24 }, { icon: Settings, size: 24 }, { icon: MessageCircle, size: 24 }, { icon: Cuboid, size: 24 }, { icon: Atom, size: 24 }, { icon: Brain, size: 24 }, { icon: AudioLines, size: 24 }, { icon: BatteryCharging, size: 24 }, { icon: Satellite, size: 24 }, { icon: Move, size: 24 }, { icon: Star, size: 24 }, { icon: HandMetal, size: 24 }, { icon: Heart, size: 24 }, { icon: Save, size: 24 }, { icon: Layers, size: 24 }, { icon: Earth, size: 24 }, { icon: Zap, size: 24 }, { icon: Sigma, size: 24 }, ] return (

icons from lucide.dev

{icons.map((IconData, index) => { const Icon = IconData.icon const randomX = Math.random() * 60 + 20 // Random x between 20-80% const randomY = Math.random() * 20 + 5 // Random y between 5-25% const bodyType = Math.random() > 0.7 ? "rectangle" : "circle" return (

) })}

) }

Gravity Body Types Demo

Instalação

Dependências

Registry dependencies