Recdata / CardUI

If you are Looking for Amazing Card User Interface (UI) Designs and Effects for your Projects/websites, then CardUi website is a one stop solution for you. CardUi contains awesome card UI effects for you to use.

Home Page:https://arman-ali-khan-786.github.io/CardUI/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CARDUi



Hi there 👋,

Welcome to this Beginner friendly Open-source Project .

About CardUi

If you are Looking for Amazing Card User Interface (UI) Designs and Effects for your Projects/websites, then CardUi website is a one stop solution for you. CardUi contains awesome card UI effects for you to use.

Tech Stacks :

  • HTML
  • CSS
  • JavaScript( if required can use it)

what you have to do in order to Contribute

  • create some attractive/awesome Card Ui's with amazing effects as simple as that
  • don't change anythings else apart from adding your UI designs

How to do Contribution to this Project ?

In general there are two ways in which you can contribute to this project :

  • Go through the website if you find any bug or problem just raise an issue for the same
  • And for the second way just follow the following steps 👇
  1. first fork this repo
  1. make a directory/folder on your local system and initial it,
mkdir <your directory name>
git init
  1. then clone this repository on your local system by running below command
git clone "your forked repo url"
  1. Add your Card effects and make sure if you are including any images/logo in the UI add it to assets folder and then link it.
  1. for html following this code format;
        <div class="wrapper3">
          <h1 class="effect-title">2. UI-2 by <em>Your name</em></h1>
          <div class="container">
            <div class="card3">  // if card3 is already there use card4 class and so on
              //your card effect goes here
            </div>
          </div>
          <div class="effect-code">
            <a href="github repo name">click here for the code</a>
          </div>
        </div> 
  1. for css please read the comments in the .css file and add comment ,then write your css code ,sample given below
/* -------------------------------  UI-2 css code --------------------------------- */
  1. for .js file add comment like sample given below .
// ---------------------------------- Ui-3 Js code -------------------------------------
  1. after creating your card effect and add your changes ,to do so run the following command
git add .
  1. then commit those change with a valid message , run the below command,
git commit -m "your valid commit message"
  1. then push the changes that you have made, run the below command,
git push -u origin main
  1. then come back to Github and create a pull request and wait for it to be merged ..

About

If you are Looking for Amazing Card User Interface (UI) Designs and Effects for your Projects/websites, then CardUi website is a one stop solution for you. CardUi contains awesome card UI effects for you to use.

https://arman-ali-khan-786.github.io/CardUI/

License:MIT License


Languages

Language:CSS 58.5%Language:HTML 40.4%Language:JavaScript 1.1%