Hi there ๐,
Welcome to this Beginner friendly Open-source Project .
If you are Looking for Amazing Card User Interface(UI) Designs and Effecs for your Projects/websites, then CardUi website is a one stop solution for you. CardUi contains awesome card UI effects for you to use.
- HTML
- CSS
- JavaScript( if required can use it)
- 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
- first fork this repo
- make a directory/folder on your local system and initial it,
mkdir <your directory name>
git init
- then clone this repository on your local system by running below command
git clone "your forked repo url"
- 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.
- 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>
- 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 --------------------------------- */
- for .js file add comment like sample given below .
// ---------------------------------- Ui-3 Js code -------------------------------------
- after creating your card effect and add your changes ,to do so run the following command
git add .
- then commit those change with a valid message , run the below command,
git commit -m "your valid commit message"
- then push the changes that you have made, run the below command,
git push -u origin main
- then come back to Github and create a pull request and wait for it to be merged ..