# ObsidianUI

> Open-source React and Tailwind CSS UI component and animation library

ObsidianUI is a free collection of animated React and TypeScript components styled with Tailwind CSS. It focuses on micro-interactions, cursor effects, and layout blocks that developers can preview and paste directly into their frontend projects. It includes landing page templates, motion utilities, and a companion CLI for easy installation.

Website: https://obsidianui.dev/

## What it is for

- Add animated micro-interactions and hover effects to a Next.js landing page
- Copy ready-to-use TypeScript and Tailwind UI components directly into a React codebase
- Speed up frontend prototyping using prebuilt layout blocks and templates

## Features

- Components built with React, TypeScript, and Tailwind CSS
- Focus on motion, hover states, and creative interactive effects
- Interactive code previews for quick copy-pasting
- Pre-designed landing page blocks and templates
- CLI tool for installing components directly into projects
- Permissive MIT open-source license

## Pricing

Free and open source (MIT license)

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web, Code library, Command line
- For: React and Next.js developers, creative front-end engineers, and indie makers
- Alternative to: shadcn/ui, Aceternity UI, Magic UI
- Tags: react, tailwind, ui library, frontend, motion, components

## Why it was saved

- [@athrix_codes, 20 September 2026](https://x.com/athrix_codes/status/2101508783864475709): Free tool for building interfaces; announced by its founder (@athrix\_codes) with the reaction "it's free??? how? what a tool".

## Compare

- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/obsidianui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.