21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Framework
ObsidianUI
React and Tailwind components, blocks and landing templates with motion built in.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is ObsidianUI?
ObsidianUI is a React component library with 30+ components, blocks and landing page templates built with Motion and Tailwind CSS. Drop polished, animated sections into your app and ship marketing pages faster.
Pros
- 30+ animated components, blocks and templates
- Built with Tailwind CSS and Motion
- Speeds up landing page and marketing site builds
Cons
- Some blocks and templates require payment
- React and Tailwind stack only
Who should use ObsidianUI
React developers who want animated, ready-made sections for SaaS and marketing pages.
Who may not need it
Teams on non-React stacks or with a mature in-house design system.
ObsidianUI alternatives
Similar resources to ObsidianUI, picked from the directory.
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
Animate UI
Animated React components you can copy and paste.
No-Code ToolWorkflowsWebFree
4.4Visit
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteWorkflowsWebFreemium
4.4Visit
Free alternatives to ObsidianUI
Free resources that cover similar ground.
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Kobra Input OTP
A segmented one-time-code input for React, with every state designed.
FrameworkWorkflowsWebFree
4.5Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
Kage
Design inspiration from real products, turned into prompts for AI agents.
WebsiteWorkflowsWebFree
4.6Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Featured on Best Productivity Resources
Made ObsidianUI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/obsidianui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>