text-spinner

Spin arbitrary text as a rotating 3D label using CSS transforms.

24.4k|2.6k|Updated Mar 31, 2025
One-click install
npx skills add https://github.com/google-ai-edge/gallery --skill text-spinner-google-ai-edge
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: text-spinner
Source: https://github.com/google-ai-edge/gallery/tree/main/Android/src/app/src/main/assets/skills/text-spinner
Command: npx skills add https://github.com/google-ai-edge/gallery --skill text-spinner-google-ai-edge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

Spin the given text on screen as a playful, attention-grabbing UI element, turning static labels into dynamic visuals.

Core Features & Use Cases

  • 3D rotation and perspective effects with smooth animation
  • Auto-adjusts font size for legibility across devices
  • Easy integration into Android apps for playful UI elements

Quick Start

Provide the text you want spun and trigger the skill to display it with a 3D spinning effect.

Frequently Asked Questions about text-spinner

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add 3D rotating text to my Android UI?

Add 3D rotating text to your Android UI by passing arbitrary input text to this skill, which uses CSS 3D transforms to render a dynamic, spinning label. It adapts font size automatically to fit the viewport.

What is CSS 3D text rotation used for in mobile apps?

CSS 3D text rotation is used for onboarding tips, playful widgets, and rotating text cues in mobile apps. It turns static labels into dynamic visuals with perspective effects and smooth animation.

Can I use arbitrary text strings for 3D spinning labels?

Yes, you can use arbitrary text strings for 3D spinning labels. The skill accepts any input text and auto-adjusts the font size to ensure legibility across different devices and viewport sizes.

Does the spinning text animation adjust font size for different screens?

The spinning text animation auto-adjusts font size for legibility across devices. This ensures the 3D rotation and perspective effects remain readable regardless of the viewport dimensions.

What is the best way to create rotating onboarding tips for Android?

The best way to create rotating onboarding tips is using CSS 3D transforms to render a spinning text cue. This approach provides smooth animation and perspective effects while fitting the device viewport.

Are there limitations when using CSS 3D transforms for UI text?

Limitations of using CSS 3D transforms for UI text include ensuring font size adaptation for viewport legibility. It is best suited for playful widgets and onboarding tips rather than dense, static text layouts.