Interactive Widgets

Our platform offers a variety of interactive widgets that can be easily embedded into your applications. From clocks to calendars, each widget is designed to be both functional and visually appealing.

import { ClockWidget } from '@/components/widgets'

export default function MyPage() {
  return (
    <div>
      <ClockWidget />
    </div>
  )
}
SuMoTuWeThFrSa

Simple Integration

Integrating widgets into your project is straightforward. Just import the component you need and place it in your JSX. Our widgets are built with React and TypeScript, ensuring type safety and optimal performance.

<ClockWidget
  theme="dark"
  showSeconds={true}
  size="large"
  showCalendar={true}
/>

Fully Customizable

Each widget comes with customizable options to match your application's design. Adjust colors, sizes, and behaviors through simple prop configurations. Our widgets seamlessly adapt to both light and dark themes.

// Deploy with authentication and payments
import { auth } from '@/lib/auth'
import { stripe } from '@/lib/stripe'

export default async function Page() {
  const user = await auth()
  const subscription = await stripe.subscriptions.retrieve(
    user.subscriptionId
  )

  return (
    <ProtectedWidget 
      user={user}
      subscription={subscription}
    />
  )
}