Privacy Selector Toggle
animation#toggle#dropdown menu
Preview
1280 px
AI Assistant
Grab the code for this component with a free account
Every free component’s full source, ready to copy or download, plus 30 monthly AI credits for Atheros AI routing to make it yours.
Code
Grab the code for this component with free account
Every free component's full source, ready to copy or download, plus 30 monthly AI credits for Atheros AI routing to make it yours.
Animation component
About Privacy Selector Toggle
A sleek, animated privacy selector with smooth dropdown transitions, interactive hover states, and seamless switching between Private and Public visibility.
Customise it with AI
Open Privacy Selector Toggle in Atheros AI Builder, pick a design system and ask the AI assistant to change the layout, copy or behaviour — the animation is regenerated against your tokens. Take the React source with you, or pull it into your repo from Claude Code, Cursor or Codex over MCP.
Explore Other Components
View all
Dropdown Floating Button
VanillaReact
A floating action button that morphs into a dropdown quick-actions menu via GPU-composited `clip-path` animation — fully design-system agnostic.
#animation#button#clip-path
Audio Wave
VanillaReact
A DJ-deck audio wave visualizer — an inset LED window holds a multi-band spectrum, with a backlit play key, three speed keys, and an adjustable bar count.
#animation#wave
Pricing Cards
VanillaReact
A three-tier Atheros AI Builder pricing showcase with a highlighted "Most Popular" plan, monthly AI-credit badges, gradient gem icons, and a dark/light theme toggle — fully token-driven and design-system agnostic.
#pricing#cards
Training Status Popover
VanillaReact
A premium model training-status popover: a gradient progress ring with live percentage count-up, a running status badge with pulsing dot, an epoch segment strip with ETA, live loss/accuracy/step metric tiles and pause / view-logs actions, revealed from a trigger with staggered entrance.
#popover#progress#ai
Bento Grid
ReactVanilla
A responsive bento grid layout with asymmetric skeleton cells, dark/light theme toggle, and full design-system token integration — mobile-first and design-system agnostic.
#layout#bento#grid
Spinner
VanillaReact
A token-driven loading panel with a dual-ring spinner, an indeterminate progress track, and a smooth transition to a success state — fully design-system agnostic.
#loader#spinner#loading
Ready to build?
300+ production-ready components and Atheros AI models. Every paid plan includes access to the whole Atheros — AI Builder and Learning.
Starting at $9.9 per month, billed annually
