Development · Web app
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.
What it's 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
- Topic
- UI Components
- 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: Free tool for building interfaces; announced by its founder (@athrix_codes) with the reaction "it's free??? how? what a tool".
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated