Interactive UV Level Dial Gauge

52 views
0 remixes

About

Circular UV level dial with SVG arc, ticks, and numeric labels. Drag the central knob to adjust value from 0–12, animating the gradient arc, indicator rotation, and fill bar. Styled with Tailwind-style utility classes for dashboard or monitoring UIs.

Created

Mar 5

Updated

Mar 8

Remixes

0

Creator

A

Aksonvady Phomhome

View profile

Tags

cardgaugedashboardsvginteractiveanimatedtailwinduvweather

More from Aksonvady Phomhome

UnicornStudio Project Embed Loader

UnicornStudio Project Embed Loader

1470
Responsive Footer with Newsletter Subscription

Responsive Footer with Newsletter Subscription

292
Interactive Budget Slider CTA Section

Interactive Budget Slider CTA Section

328
UnicornStudio Embedded Background Canvas

UnicornStudio Embedded Background Canvas

PRO
1374
Integrations Grid with Animated Cards

Integrations Grid with Animated Cards

419
View all from Aksonvady Phomhome

Related Components

Irrigation Usage Calendar Card

Irrigation Usage Calendar Card

524
AI Feature Highlight Card with Radar Animation

AI Feature Highlight Card with Radar Animation

PRO
643
Premium Profile Card with Animated Background

Premium Profile Card with Animated Background

PRO
604
Animated Dark Sign-In Card with Tailwind Glassmorphism

Animated Dark Sign-In Card with Tailwind Glassmorphism

804
Responsive Feature Card with Image and Footer

Responsive Feature Card with Image and Footer

1028
Browse all card components