ObsidianUI

ObsidianUI is a premium React component library designed to help developers ship beautiful, animation-rich interfaces faster. Built on top of Next.js, Tailwind CSS, and Framer Motion, it provides a collection of copy-paste components that are accessible, customizable, and production-ready.

• Premium Design: High-quality, polished components with focus on aesthetics.
• Motion-First: Built-in animations using Framer Motion and GSAP.
• Copy & Paste: No complex installation—just copy the code you need.
• Fully Customizable: Styled with Tailwind CSS for easy modifications.
• Dark Mode Ready: Built-in support for light and dark themes.

• Framework: Next.js 15
• Styling: Tailwind CSS 4
• Animation: Framer Motion & GSAP
• UI Primitives: Radix UI
• Language: TypeScript

ObsidianUI is designed to be added to your existing project.

1. Clone the repository:

   git clone https://github.com/Atharvsinh-codez/ObsidianUI.git
   cd ObsidianUI

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install
   # or
   bun install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 with your browser to see the result.

Visit the Documentation to learn how to use individual components.

Most components are designed to be copied directly into your components/ui folder.

Example usage:

import { HeroSection } from "@/components/mine/landing-page/herosection";
export default function Home() {
 return (
 <main>
 <HeroSection />
 </main>
 );
}

Distributed under the MIT License. See LICENSE for more information.

If you like this project, give it a ⭐️ on GitHub! last chance to dive in 2026 Milliondollarinternet!

Created by Athrix