Motion
Where to Use Dia Text in React Apps
Dia Text is a gradient sweep text reveal with optional repeat and rotating phrases. Brands ship it when headlines need a distinctive light-sweep identity beyond a plain fade-in.
Where teams use Dia Text
Use case 1
Brand slogan sweep
Hero slogans get a gradient reveal that feels premium on dark or light grounds. Rotating phrases keep seasonal campaigns fresh.
Use case 2
Feature name callouts
Section titles introduce modules with a sweep instead of static H2s. Repeat mode works for ambient marketing screens.
Use case 3
AI model name reveals
Model launch pages unveil the name with Dia Text before specs. Gradient motion matches generative product aesthetics.
Use case 4
Event stage lower-thirds
Conference sites and stream overlays rotate speaker themes with sweep text. Optional repeat sustains ambient energy.
Who it is for
Brand and marketing engineers who want gradient-led typographic motion.
Try Dia Text on AkmanOS
Watch the gradient sweep and phrase rotation in the live preview, then copy markdown into your AI editor to brand Dia Text for your campaigns.
Preview /preview/dia-textMore in Motion
- AI Chat AgentFull chat agent UI with Orbit avatars, iOS message bubbles, citation typing, model picker, voice input, uploads, and deep think. Explore real product surfaces for the AI Chat Agent component — then open the live AkmanOS preview and copy production-ready source.
- Animated TextCharacter-by-character reveal with blur and spring motion, optional loop. Explore real product surfaces for the Animated Text component — then open the live AkmanOS preview and copy production-ready source.
- Availability SchedulerWeekly hours editor — day toggles, spring time ranges, scrollable picks, and copy across days. Explore real product surfaces for the Availability Scheduler component — then open the live AkmanOS preview and copy production-ready source.
- Bounce SidebarVertical nav with a bouncing indicator that arcs to the active item. Explore real product surfaces for the Bounce Sidebar component — then open the live AkmanOS preview and copy production-ready source.