OpenVibe.Tools
71.5 69 files read at 19232b0, Nov 1, 2026.
Spinners0
No reduced motion0
Hand-set timings34
Hand-set curves0
Colours outside the theme399
Where
25 of 433: the ones that cost most, from as many files as possible. Each opens its line on GitHub.
- Timingapps/audio/public/css/style.css:364
animation: spin 1.4s var(--ov-ease-out, ease-out) infinite; - Timingapps/docs/public/css/style.css:342
animation: spin 1.4s var(--ov-ease-out, ease-out) infinite; - Timingapps/food/public/css/style.css:212
.spinner { width:24px; height:24px; border: 3px solid var(--green); --spin-c: var(--green); border-radius:50%; animation: spin 1.4s var(--ov-ease-out, ease-out) - Timingapps/gateway/public/audio.html:68
.showcase-tool:nth-child(1) { animation-delay: 0s; animation-duration: 3s; } - Timingapps/gateway/public/codes.html:136
.verdict.wait .dot{animation:pulse 1s var(--ov-ease-in-out, ease-in-out) infinite} - Timingapps/gateway/public/dev.html:35
.bg-glow::before,.bg-glow::after{content:'';position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:gd 20s var(--ov-ease-in-out, ease-in-ou - Timingapps/gateway/public/img.html:68
.showcase-tool:nth-child(1) { animation-delay: 0s; animation-duration: 3s; } - Timingapps/gateway/public/net.html:74
animation: glow-drift 20s var(--ov-ease-in-out, ease-in-out) infinite alternate; - Timingapps/img/public/css/style.css:337
animation: spin 1.4s var(--ov-ease-out, ease-out) infinite; - Timingapps/maps/public/css/style.css:49
.splash-icon { font-size: 64px; color: var(--green); margin-bottom: 16px; animation: float 3s var(--ov-ease-in-out, ease-in-out) infinite; } - Timingapps/text/public/css/shared.css:305
animation: livePulse 2s var(--ov-ease-in-out, ease-in-out) infinite; - Timingapps/yt/public/css/style.css:172
animation: spin 1.4s var(--ov-ease-out, ease-out) infinite; - Colourapps/text/public/badge.html:35
.canvas-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; text-align: center; width: 100%; displa - Colourapps/text/public/compare.html:28
.diff-add { background: rgba(34,197,94,0.15); color: #4ade80; text-decoration: none; } - Colourapps/text/public/ice.html:25
background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); - Colourapps/text/public/json.html:29
.json-key { color: #93c5fd; } - Colourapps/text/public/peso.html:66
color: #0b0c12; font-size: 1rem; cursor: pointer; - Colourapps/text/public/slang.html:49
.vibe-pill.active { background: var(--accent); color: #0b0c12; border-color: var(--accent); } - Colourapps/text/public/spanish.html:57
.cat-pill.active { background: var(--accent); color: #0b0c12; border-color: var(--accent); } - Colourapps/text/public/thumbnail.html:26
.thumb-canvas-wrap { position: relative; width: 100%; aspect-ratio: 16/9; background: #0b0c12; display: flex; align-items: center; justify-content: center; } - Colourapps/text/public/title.html:37
.preset-btn:hover, .preset-btn.active { border-color: var(--accent); background: rgba(192,150,92,0.1); } - Colourapps/text/public/transparent.html:25
.canvas-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; text-align: center; margin: 2rem 0; bac - Colourapps/text/public/unicode.html:30
.char-invisible { background: rgba(255, 0, 0, 0.1); } - Colourapps/text/public/watermark.html:30
.drop-zone:hover, .drop-zone.drag-over { border-color: var(--accent); background: rgba(192,150,92,0.05); } - Colourapps/text/public/wordmark.html:27
.wm-preview { padding: 2rem 1.5rem; display: flex; align-items: center; justify-content: center; min-height: 100px; background-image: linear-gradient(45deg, #11
Every site · How it is measured · /api/v1/design-health/tools