Welcome to Aesthe UI

Introduction

Welcome to Aesthe UI - a collection of beautiful, modern, and aesthetic UI components built with React, Next.js, and TailwindCSS.

Features

• 🎨 Beautiful Design - Carefully crafted components with attention to detail
• ⚡ Fast & Lightweight - Optimized for performance
• 🔧 Easy to Use - Simple copy-paste integration
• 🌙 Dark Mode - Built-in dark mode support
• 📱 Responsive - Mobile-first design approach

Getting Started

Browse our component library and copy the code you need for your project.

View Component Showcase → - See all components in action

Installation

npm install motion tailwindcss

Usage

Simply copy the component code and paste it into your project. Each component is self-contained and ready to use.

Component Categories

Interactive Components

• AI Input - Modern chat input fields with auto-resize and file upload capabilities
• Alerts - Beautiful notification and alert components
• Buttons - Stunning collection of 7 animated button variants

Available Components

Browse through our growing collection of components:

• AI Input (2 variants)

  • Basic chat input with auto-resize
  • File upload chat input

• Alerts (2 variants)

  • Simple information alert
  • Interactive team invitation alert

• Buttons (7 variants)

  • Shimmer button
  • Neon glow button
  • Glitch button
  • Liquid button
  • Magnetic button
  • Gradient border button
  • 3D moving border button