Skip to content
Obsidianui website preview

Obsidianui

obsidianui.dev

A React and Tailwind CSS component library with components, blocks and landing page templates, shipping a new signature component every week.

What is Obsidianui?

ObsidianUI targets developers who want expressive, motion-forward interfaces rather than generic ready-made parts. The library spans components, blocks and landing page templates built with React, TypeScript and Tailwind CSS, backed by docs and prompt support for AI builders like Claude, Gemini and Codex. A new component lands weekly, and the source code is right there to preview and customize.

Best for

  • Motion-rich React interfaces with Tailwind
  • Landing page blocks and templates
  • Weekly-fresh component inspiration

Key features

  • React, TypeScript and Tailwind components
  • Blocks and landing page templates
  • New component every week
  • Prompts for AI coding tools
  • Searchable docs with live previews
21St website preview

12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes you can preview live and install with one command.

ReactTailwindDesign Systems+3
Bencho website preview

A library of interactive React UI blocks — heat maps, signature pads, drag interactions, sliders — you can explore, tweak, and take straight into projects.

ReactAnimationWeb+1
Interior.dev website preview

Free, open-source React micro-interaction components for the half-second after a click — copy the TypeScript source; the behavior is finished, the style is yours.

ReactAnimationOpen Source+2