logo

Nurav UI

Community
New Login Section <3Ship Beautiful Interfaces, Faster
Craft stunning interfaces with our collection of glassmorphic, high-performance components designed for modern web applications.
Get StartedCheckout Templates
Built by Varun
Template 1
Template 2
Template 3
Template 4
Component Library

Everything you need, out of the box

Production-ready components built with Framer Motion. Copy, paste, customise — ship faster without sacrificing quality.

Button6 variants

6 variants: modern, ghost, brutalist, minimal, glassmorphism & outline — all animated.

variant="v1"
variant="v2"
variant="v3"
Theme Toggler4 variants

4 interactive togglers with smooth Framer Motion transitions.

Popover3 variants

Portal-rendered tooltips in 3 flavours. Hover each button to preview.

ModalNew

Premium centered dialogs and iOS-style alerts with intensive backdrop blur.

SkeletonNew

Premium skeletons to provide a low-fidelity representation of your content while it's loading. It comes with two types of effect: Shimmer Effect and Heartbeat Effect

Logo CloudNew

Infinite scrolling marquee for logos. Flexible, high-performance, and comes in multiple aesthetic variants.

Architecture

Japanese Streets

Transport

Vintage Train

Urban

Classic Red Car

Morphing GalleryMorphing

Fluid layout transitions from grid to expanded detail view via shared layout animations.

Card System

Three distinct design philosophies captured in one versatile component system.

Variant V1Modern

Premium Experience

Our flagship design language featuring deep shadows and subtle gradients.

Modern Office
1.2k 48
Variant V2Glassmorphism

Crystal Clear

High-end glass refraction effects perfect for dark mode dashboards.

Abstract Gradient
User 1User 2User 3User 4
StatusLive Production
Variant V3Brutalist

RAW DESIGN

Unapologetic layout with bold borders and high contrast shadows.

Graphic Brutalist

Warning: High contrast design in progress. Proceed with caution.

Explore the Library

Quickly navigate to our most popular sections and components.

Login Sections

Beautifully crafted login screens with motion effects and responsive design.

Footers

Premium footer templates with glassmorphism and modern layouts.

Skeleton

Interactive loading states with heartbeat and shimmer animations.

All Components

Explore our full collection of open-source React components.

Core Mechanics

Understand the principles behind Nurav UI's design and logic.

CLI Setup

Install components instantly via our automatic command-line tool.

Support Center

Common
Questions

Need more information? Explore our detailed FAQ to learn how Nurav UI can transform your development process.