About Spinning Icon Sphere
Spinning Icon Sphere
Overview
The Spinning Icon Sphere is a stunning 3D rotating sphere that displays your chosen icons in an elegant, eye-catching animation. Built with react-icon-cloud and Phosphor icons, this component creates a professional, interactive visual that's perfect for showcasing tech stacks, skills, tools, or any collection of icons.
Key Features
Full Customization
1000+ Phosphor Icons: Access to the entire Phosphor icon library with beautiful, consistent designs
Flexible Icon Count: Display anywhere from 5 to 20 icons based on your needs
Color Control: Customize icon color to match your brand
Size Adjustment: Scale icons from 20px to 80px
Weight Options: Choose from Thin, Light, Regular, Bold, & Fill
Animation Controls
Rotation Speed: Adjust the sphere's rotation speed (10-100)
Hover Speed: Control how quickly icons respond to clicks (100-1000ms)
Globe Size: Scale the entire sphere from compact (200) to expansive (1000)
Smart Design
Always Upright Icons: Icons remain readable as they rotate, never flipping upside down
No Clipping: Built-in padding ensures icons never get cut off at frame edges
Transparent Background: Blends seamlessly with any design
Perfect For
Portfolio websites showcasing technical skills
Landing pages displaying tech stacks
About sections highlighting tools and platforms
Agency sites showing service offerings
Product pages featuring integrations
Creative displays for any icon-based content
IMPORTANT: Due to the nature of digital code components, all sales are final and non-refundable. Once purchased, you receive immediate access to the complete component code, which cannot be returned.
Before purchasing, please:
Review the component demo and documentation carefully
Check the feature list to ensure it meets your needs
Contact us at troy@fireislanddesign.com with any pre-purchase questions
For design work, questions, or help, please reach out at https://www.fireislanddesign.com/