Welcome to Devsloka UI

A curated collection of animated, minimalist components, blocks, and templates—perfectly tuned for React.js, Next.js, React Router, Remix, Tailwind CSS, Shadcn UI, and Framer Motion. Open-source, production-ready, and infinitely customizable.

More Than a Library—It’s Your Component Framework

Install via NPM or Yarn, pick the blocks you need, and drop them into your project. Every piece is ergonomically designed for seamless customization, so you never fight against defaults or override deep CSS.

Whether you need a hero banner with smooth scroll animations, a data-driven table, or an interactive modal sequence, DevSloka UI gives you the code you can own and evolve.

Under the hood, everything shares:

  • Framework Agnostic: Works out-of-the-box with React, Next.js, Remix, and React Router.
  • Tailwind CSS & Shadcn UI: Built with utility classes plus shadcn’s design primitives for rapid theming.
  • Framer Motion Ready: Animate any prop with minimal boilerplate.
  • Open Code: Full source for each component—tweak, extend, or fork to match your brand.
  • Minimalist Defaults: Clean, responsive styles that look great without artifice.

Custom Animated Blocks

Prebuilt, composable blocks—from accordions and carousels to interactive forms—that ship with Framer Motion hooks and variants already wired up.

Minimalist Templates

Starter layouts and pages (landing, dashboard, blog, docs) that you can clone and adapt. All templates follow mobile-first, accessible design principles.

Get Started

click the this link to installation guide Installation

Dive into the docs and start building faster, with less boilerplate and more joy.