Animated React components, blocks, backgrounds and hooks built with Tailwind CSS and Motion. Copy the source and make it yours.
An interactive WebGL globe with country borders, built with three.js.
An editorial 404 with a request log line, search and a destination index.
A poster-style 404 on a solid ink field with quick routes home.
An Airbnb Card component for displaying a card with an image and text.
An Animated Image Gallery component for displaying a gallery of images.
An Animated Multi Select component for displaying a multi-select dropdown.
An Animated Smartwatch component for displaying a smartwatch animation.
A scroll-driven stepper whose numbered steps orbit an arc while the active title swaps in.
A hire-me card with availability status, live local time, tactile buttons and copy-email feedback.
An animated bento feature grid with flowing files, drifting categories, a playable install and a copyable command.
Blurred organic shapes that drift and morph.
A featured story with a large photo beside three recent posts.
A year-grouped archive with category filters and a cursor-following preview.
A magazine-cover grid of photo tiles and solid ink covers.
A Border Gradient Icon component for displaying an icon with a border gradient.
A Card component for displaying content in a card format.
A Card Decorator component for displaying a card with a decorator.
A Card Radio component for displaying a radio button with a card.
A stacked case-study carousel with peeking neighbours, arrows, dots, swipe and keyboard support.
A compact, filterable changelog with version links and an RSS link.
A single release as a poster spread with an oversized version numeral.
A dated release timeline with New/Improved/Fixed ink tags and optional visuals.
Falling confetti in your theme colors.
A Contact Block component for displaying contact information.
A Content Carousel component for displaying a carousel of content.
A Swiss-poster call to action on a solid ink field.
A photo split call to action with numbered reasons and bookable demo times.
An event call to action styled as a printed ticket with a tear-off stub.
A dock-style magnifying gallery: the card nearest the pointer grows and neighbours step down.
An Empty Result component for displaying an empty state.
An Error Result component for displaying an error message.
An Expanding Cards component for displaying a set of cards that expand on hover.
A FAQs Block component for displaying frequently asked questions.
A FAQs Block component for displaying frequently asked questions.
A Feature Floating Showcase Block component for displaying features.
A Feature Interactive Cards Block component for displaying features.
A Features Block component for displaying features.
A Features Block Four component for displaying features.
A Floating Dots component for displaying a set of floating animated dots.
A Floating Footer Block component for displaying a floating footer section.
A Footer Block component for displaying a footer section.
Request a reset link, then a check-your-email screen with a resend cooldown.
Plush SVG mascots in 15 shapes with cursor-tracking eyes, three states, five shadings and accessories.
A Gradient Text component for displaying a gradient text.
A Grid Footer Block component for displaying a grid footer section.
A Hero Floating Elements Block component for displaying a hero section.
A Hero Gradient Mesh Block component for displaying a hero section.
A Hero Section Block component for displaying a hero section.