jsh854 / uilab

The goal of this project is to create a easy to use ui library for people who are frustrated with one or the other thing in the thousands of ui libraries available out there.

Hi there I'm Junaid Shah👋

Follow @__junaidshah

I'm a developer

• 🔭 I’m currently working on React , Typescript , Next Js, projects
• 🌱 I’m currently learning Vue JS
• 👯 I’m looking to collaborate on any React or Fullstack project
• 💬 Ask me about how to solve any Front End issues
• ⚡ Fun fact: I Love to Read Poetry and watch X Men🚶‍♂️🚶‍♂️

Languages and Tools:

📕 Latest Blog Posts

• Interview Questions for JS
• Creating a CRUD App using Flask , Postgres , FlaskSQLAlchemy

Feel Free to reach out to me over social media mostly twitter

Here's How to Support Me:

• Support all my OSS work by buying me a coffee ☕.

uilab's Issues

cards

Cards are always needed for every project and so they should have

• A simple card with heading , footer and description
• A card with image and text
• Sizes should be configurable

Text

Text should be of different sizes

• h1 - h6
• base font size can be 12px

Modifications for Buttons

Try to make all possible modifications for buttons such that they will be easily accessible and usable.

Inputs

Inputs should be of following type

• Simple Input (For email, text,number)
• Input with icon which can be configured (whether to be at end or start)
• Input with a dropdown (For number type inputs)

Grid

Every ui library has a grid or flexbox layout
But with our project the goal should be to make the grid layout so easy to use , that people dont have to check the docs again and again.

Think of it like this

we start by creating a div and give it classes for the no of rows , no of columns

• customisations can be huge e.g people want only rows give them
• people want only columns give them
• people want to set one column width larger then the other give them

Images

For images , these things are required

• Avatar type images
• Images which will be easily configurable.