Usage Analytics Dashboard Card
Animated dashboard card showing usage analytics with chart transitions and data visualization.
CardReactFramer Motion
CSSshadcnCustom CSS
Manual
Create a file and paste the following code into it.
src/App.tsx
1
2
3
4
5
6
7
import ScreenTimeCardDemo from "@/components/screen-time-card-demo";
function App() {
return <ScreenTimeCardDemo />;
}
export default App;Update the import paths to match your project setup.