Apps Script Sidebar

15 atoms available on this surface

Stepper

CSS animated vertical step sequence with checkmark draw and active pulse

Try it live →
Code Diff

server-side unified diff view with green additions and red removals

Try it live →
Toast Notification

CSS slide-in/out fixed-position notification toast

Try it live →
Progress Circle

CSS stroke-dashoffset animated SVG progress arc with centre percentage

Try it live →
Typewriter Text

CSS typewriter animation that reveals text character by character

Try it live →
Glow Button

CSS box-shadow state-signalling button with disabled/ready/fired glow

Try it live →
Word Flip

CSS steps() vertical word carousel in an overflow-hidden inline container

Try it live →
Sonar Pulse

CSS concentric ring pulse animation for attention signalling

Try it live →
Typing Indicator

Three-dot bouncing chat typing indicator bubble

Try it live →
Parallax Card

3D CSS perspective tilt card with mousemove parallax depth

Try it live →
Google Icon

A single Material Symbol icon from Google Fonts CDN. Browse 2500+ icon names at fonts.google.com/icons.

Try it live →
Icon Badge

Material Symbol icon inside a coloured circular badge. Good for stat rows and feature lists.

Try it live →
Icon Row

Horizontal strip of Material Symbol icon + label pairs. Good for feature/capability lists.

Try it live →
Icon Feature Grid

Feature grid using Material Symbol icons — better than emoji for Workspace UI contexts.

Try it live →
Icon Checklist

Checklist where each item has a Material Symbol icon (not just a check mark). Good for capability or requirements lists.

Try it live →