Back to all projects

Velnor UI – A UI Components Library

A collection of free animated, accessible, and fully customizable React components. Built with Tailwind CSS and motion/react — perfect for modern product teams and solo makers.

Velnor UI – A UI Components Library

A collection of free animated, accessible, and fully customizable React components. Built with Tailwind CSS and motion/react — perfect for modern product teams and solo makers.

Motion, Next.js, Tailwind CSS, Shadcn UI
MotionNext.jsTailwind CSSShadcn UI
View code
Velnor UI – A UI Components Library - Project screenshot showcasing the design and functionality
Screenshot of Velnor UI – A UI Components Library project

Overview

Velnor UI is a comprehensive collection of free, animated, accessible, and fully customizable React components. Built with Tailwind CSS and motion/react, it's designed to be perfect for modern product teams and solo makers who want to create beautiful, interactive user interfaces without the hassle of building components from scratch.

Features

  • Free & Open Source: All components are available for free use
  • Fully Customizable: Easy to modify and adapt to your design system
  • Accessible: Built with accessibility best practices in mind
  • Animated: Smooth, performant animations powered by motion/react
  • Modern Stack: Built with Next.js, Tailwind CSS, and Shadcn UI
  • TypeScript Ready: Full TypeScript support for better developer experience

Tech Stack

  • Motion: For smooth, performant animations
  • Next.js: React framework for production
  • Tailwind CSS: Utility-first CSS framework
  • Shadcn UI: High-quality component primitives

Component Categories

  • Interactive elements (buttons, toggles, switches)
  • Layout components (cards, grids, containers)
  • Navigation components (menus, breadcrumbs)
  • Data display (tables, charts, metrics)
  • Feedback components (notifications, alerts)
  • Form components (inputs, selects, checkboxes)