Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Framework

ObsidianUI

React and Tailwind components, blocks and landing templates with motion built in.

Visit ObsidianUI4.5

  • Rating

    4.5 / 5

  • Pricing

    Freemium

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

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: what ObsidianUI does well

  • 30+ animated components, blocks and templates
  • Built with Tailwind CSS and Motion
  • Speeds up landing page and marketing site builds

Cons: where it falls short

  • Some blocks and templates require payment
  • React and Tailwind stack only

Who ObsidianUI is for

React developers who want animated, ready-made sections for SaaS and marketing pages.

Who can skip it

Teams on non-React stacks or with a mature in-house design system.

ObsidianUI alternatives

Not sold on ObsidianUI? These do a similar job, and each card says what it has in common.

All Workflows resources

21st

Focus: shadcn. Shares react and tailwind with ObsidianUI. A website, not a framework. Rated 4.7 (ObsidianUI: 4.5).

WebsiteFree planWeb
4.7Visit

Spectrum UI

Focus: nextjs, shadcn and open source. Shares react and tailwind with ObsidianUI. Free (ObsidianUI: Freemium). Same 4.5 rating.

FrameworkFreeWeb
4.5Visit

Planes

Focus: motion. Shares react and components with ObsidianUI. Paid but Affordable (ObsidianUI: Freemium). Rated 4.3 (ObsidianUI: 4.5).

FrameworkPaid but AffordableWeb
4.3Visit

Tween UI

Focus: gsap. Shares animation and react with ObsidianUI. Free (ObsidianUI: Freemium). Rated 4.3 (ObsidianUI: 4.5).

FrameworkFreeWeb
4.3Visit

Animate UI

Focus: copy paste. Shares react and components with ObsidianUI. A no-code tool, not a framework. Free (ObsidianUI: Freemium). Rated 4.4 (ObsidianUI: 4.5).

No-Code ToolFreeWeb
4.4Visit

ForgeUI

Focus: ui components, shadcn and design. Shares react and tailwind with ObsidianUI. A website, not a framework. Rated 4.4 (ObsidianUI: 4.5).

WebsiteFree planWeb
4.4Visit

Free alternatives to ObsidianUI

Want to spend nothing? These free picks cover similar ground.

Coded Visuals

Focus: animated visuals, shadcn and marketing. Shares react and landing pages with ObsidianUI. Free (ObsidianUI: Freemium). Rated 4.6 (ObsidianUI: 4.5).

FrameworkFreeWeb
4.6Visit

Kobra Input OTP

Focus: component, otp and forms. Shares react and tailwind with ObsidianUI. Free (ObsidianUI: Freemium). Same 4.5 rating.

FrameworkFreeWeb
4.5Visit

Transitions.dev

Focus: transitions, design and ai agents. Shares ui and animation with ObsidianUI. Free (ObsidianUI: Freemium). Same 4.5 rating.

FrameworkFreeWeb
4.5Visit

audiocn

Focus: audio and shadcn. Shares react and components with ObsidianUI. Free (ObsidianUI: Freemium). Rated 4.3 (ObsidianUI: 4.5).

FrameworkFreeWeb
4.3Visit

Kage

Focus: design inspiration, prompts and ai agents. Shares ui and components with ObsidianUI. A website, not a framework. Free (ObsidianUI: Freemium). Rated 4.6 (ObsidianUI: 4.5).

WebsiteFreeWeb
4.6Visit

Rare UI

Focus: open source. Shares react and components with ObsidianUI. A website, not a framework. Free (ObsidianUI: Freemium). Rated 4.6 (ObsidianUI: 4.5).

WebsiteFreeWeb
4.6Visit
Are you the maker of ObsidianUI?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.