Stylish components made easy

Explore docs »

Introduction

Vacay UI is a CSS library to easily build beautiful UI for websites and apps. It consists of fully customisable components. Vacay UI is publicly hosted on Netlify at https://vacay-ui.netlify.app/.

Demo

vacay-ui-demo.mp4

Quick start

• Copy-paste the stylesheet link into your head tag before all other stylesheets to load our CSS.

<link href="https://vacay-ui.netlify.app/components/vacay.css" rel="stylesheet">

• Read the documentation for information on components, examples & more.

Features

• Alert
• Avatar
  • Image Avatar
  • Text Avatar
• Badge
  • Badge on Icons
  • Badge on Avatars
• Button
  • Primary
  • Link
  • Icon Button
  • Floating Action Button
• Card
  • Cards with badges
  • Cards with dismiss
  • Cards with text overlay
  • Text only cards
  • Vertical/Horizontal cards
  • Cards with shadow
• Form
• Grid
• Image
  • responsive image
  • round image
• Input
  • textbox
  • with validation and errors style
• List
  • Spaced (normal lists)
  • Stacked (Notification Page)
• Modal
• Navbar
• Rating
• Slider
• Toast
• Typography
  • headings
  • small text
  • gray text
  • center text

Tech stack

• HTML
• CSS
• JavaScript

Installation

• Clone repository and change directory.

git clone https://github.com/anik31/vacay-store.git
cd vacay-store

• Switch to dev branch.

git checkout dev

• Open the index.html file in live server.

Socials

• Twitter - _anik_31
• Github - anik31