RE

RE is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Live Preview 🚀

Demo

Live link

Hompage

Quick Look of RE.

Tech Stack

Client:

Run Locally

Clone the project

  git clone https://github.com/xii-vi/RA-0ne

Go to the project directory

  cd RA-0ne

Open project

  open index.html

Installation Guide

You can use this library by adding css stylesheet to your website. To get started add the following link element in your head element of the HTML file.

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

Visit docs to explore more.

---

Components of RE

• Alert

  • Standard Alert
  • Alert with Icons

• Avatar

  • Standard Avatar
  • Avatar with status

• Badge

  • Badge on avatar
  • Badge on icons

• Button

  • Standard button
  • Outline button
  • Link button
  • Icon button
  • Floating Button

• Card

  • Verical Card
  • Horizantal Card
  • Card with badge
  • Card with dismiss
  • Card with shadow
  • Card with text overlay
  • Text only card

• Grid

  • Two item in Grid
  • Three item in Grid

• Image

  • Responsive Image
  • Round Image
  • Sqaure Image

• Input

  • Standard Input
  • Validation and Error Inputs
  • Simple textarea

• List

  • Spaced list
  • Stacked list

• Modal

  • Modal

• Navigation

  • Sample Navigation (Desktop)

• Rating

  • Rating

• Slider

  • Simple Slider

• Text-utilities

  • Headings
  • Text utilities
  • Small Text
  • Gray Text
  • Center Text

• Toast

  • Baseline Tosat
  • Leading Toast
  • Stacked Toast

Color Reference

Color	Hex
Primary Color	#0e6ba8
Secondary Color	#72BFF2
Background Color	#dfdfdf

Features

• Easy and RE-usuable
• Support Dark Mode
• Minimalistic
• Live previews
• Fullscreen mode
• Cross platform
• Import single component

Authors

• Rohit-Abhishek

🚀 About Me

Hello, I'm Rohit Abhishek, aspire to be a Frontend Dev .

Connect with Me

Feedback

All feedbacks are welcome. Drop your feedback at jzzrht@gmail.com .