Logo Carousel
A responsive orbital logo carousel for Framer, designed to showcase integrations, partners, tools, or brands through a smooth rotating interface.
Instead of placing logos in another static grid, Logo Carousel arranges them along a curved track around a central brand node, creating a more engaging way to present your ecosystem.
Inspiration
The visual direction for Logo Carousel was inspired by the integration experience seen on the Antimetal website.
This is an independently built Framer component, recreated with its own responsive system, customization controls, theme handling, dynamic brand lighting, and configurable carousel behavior.
Logo Carousel is not affiliated with or endorsed by Antimetal.
Key Features
Orbital Logo Carousel
Logos automatically rotate along a curved track with smooth position, scale, and spacing transitions.
The active logo becomes more prominent as it approaches the center while surrounding logos naturally scale down along the orbit.
Dynamic AI Lights
Each active integration can trigger an animated light effect around the center node.
The lighting automatically adapts to the selected brand color, creating a different visual response as the carousel moves between integrations.
Custom Brand Colors
Assign an individual brand color to every logo.
Logo Carousel uses that color to dynamically generate the corresponding light gradients while maintaining visual contrast across light and dark themes.
Custom Logos & Integrations
Add your own logos using direct image or SVG URLs, or quickly use supported Simple Icons slugs.
Each integration can have its own:
- Logo
- Brand color
- Custom gradient stops
- Direct asset URL
Automatic Light & Dark Mode
Choose between:
- Auto
- Light
- Dark
Auto mode follows the visitor's system color scheme and automatically adjusts the carousel surfaces, borders, logo contrast, and surrounding visual treatment. :contentReference[oaicite:0]{index=0}
Responsive Desktop & Mobile Layout
The carousel automatically adapts its orientation based on the available space.
On desktop, integrations move through a horizontal orbital composition.
On mobile, the layout shifts into a vertical arrangement designed for smaller screens.
You can also manually force Desktop or Mobile mode directly from Framer.
Adjustable Curvature
Control the radius of the orbital track directly from the Framer properties panel.
Use a tighter curve for a more circular composition or increase the radius for a wider, flatter logo flow.
Custom Rotation Speed
Control how quickly the carousel moves between integrations without editing any code.
The animation also pauses when the browser tab becomes inactive and resumes when the visitor returns.
Custom Center Node
Upload your own logo for the central node and use it as the visual anchor of the entire integration system.
The animated AI Lights can also be enabled or disabled independently.
Customizable Track
Fine-tune the visual track with controls for:
- Track visibility
- Light and dark track colors
- Fade start
- Solid region
- Fade out
- Overall curvature
Framer Color Token Support
Brand and theme colors work with Framer's color system, making it easier to keep the component consistent with your existing website design.
Built for Integration Sections
Logo Carousel works especially well for:
- SaaS integration sections
- Technology stacks
- Partner showcases
- AI products
- Developer tools
- Cloud platforms
- API products
- Startup landing pages
- Client and brand showcases
It gives logos an actual role in the experience instead of presenting them as another static row or grid.
Customize Everything in Framer
The component includes native property controls for the main visual and behavioral settings.
Configure your integrations, logos, brand colors, theme, rotation speed, scale, curvature, center logo, track appearance, and lighting directly from the Framer properties panel.
No code editing is required for normal customization.
Usage
You may use Logo Carousel in:
- Personal projects
- Commercial projects
- Client projects
- Landing pages
- SaaS websites
- Portfolio websites
- Framer templates as part of your own original design
You may not:
- Resell the component as a standalone product
- Redistribute or share the original component link
- Republish the component on another marketplace
- Claim the original component as your own work
Digital Product & Refund Policy
Logo Carousel is a digital product with access provided after purchase.
Because access to a digital component cannot be returned once delivered, purchases are generally final and non-refundable, except where a refund is required by applicable law.
Please review the product details before purchasing. If you have any questions about the component or its compatibility with your project, feel free to contact me before purchasing.
Questions & Support
Need help setting up or customizing Logo Carousel?
Hoshine on Framer:
https://www.framer.com/@hoshine/
Email:
hoshine23@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.