Components

A collection of components that can be used in your own projects.

Image Search Demo

Enhance your website with a dynamic image search feature using our Image Search Demo component, featuring smooth animations with Framer Motion and seamless integration with the Unsplash API.

August 26, 2024 | yakkshit

unsplashframer motionimage search

Currency Pricing (Beta)

A React component that displays pricing in different currencies with real-time exchange rates. Using the Fixer API

August 25, 2024 | Yakkshit

ReactCurrencyPricing...

Quote Card

Enhance your website with dynamic quote displays using our Quotation Demo and Quotation Marquee components, featuring inspiring quotes and smooth animations with Framer motion.

August 11, 2024 | yakkshit

dummyjsonframer motionQuote

Weather Card

A guide for integrating a Maps location component into your project. Using Openweather API.

August 8, 2024 | yakkshit

WeatherCardOpenWeatherAPINextJS...

Testimonials

Join our cutting-edge Testimonials component! This uses Shadcn for UI, Framer Motion for animations, and Supabase for the database. Sign up for early access and updates!

August 7, 2024 | yakkshit

ShadcnFramer MotionSupabase...

Wait List

Join our cutting-edge Waitlist component! This uses Shadcn for UI, Framer Motion for animations, and Supabase for the database. Sign up for early access and updates!

August 4, 2024 | yakkshit

ShadcnFramer MotionSupabase...

File Upload & QR Generator Widget

A file uploader and QR code generator component using lucid icons, Framer Motion, and QRCodeSVG for Next.js.

September 14, 2023 | Yakkshit

lucid iconsFramer MotionQRCode...

Linear Gradient

A linear gradient that can be used as a background for a component.

July 12, 2023 | dillionverma

backgroundgradientCSS...

Glowy Hover Card

A spotlight effect that follows your mouse cursor and highlights borders on hover.

July 2, 2023 | yakkshit

hover effectspotlightUI...