Code Magic is a website where you can get simple CSS tricks to make your application elegant with just few clicks.
- Pic Text - Convert images to CSS art. Just upload and get CSS art with just one click.
- Gradient Text - Dual color gradient for your texts.
- Gradient Border - Get dual color gradient with desired radius.
- Gradient Backgound - Make your backgrounds stand out by applying gradient colors.
- Animations
- Select one of the below options
Skew
Fade
Spin
- Set duration and speed for the animations
- And boom
- Select one of the below options
HTML |
CSS |
TypeScript |
Check out the website: Code Magic
Before installation, please make sure you have already installed the following tools:
- Fork the project. Click on the
icon in the top right to get started
- Clone the project, you can use the following command:
git clone https://github.com/<your-github-username>/Code-Magic- Navigate to the project directory
cd Code-Magic- Install dependencies with npm install
npm installnpm install -g commitizen- Run the project
npm run dev- Create a new branch
git checkout -b YourBranchName- Add it to staging area
NOTE: don't commit the package.json
git add <path to the file you worked on>- Commit your changes with
git cz- Push your changes
git pushDon't forget to join the discord community - Join us
- Contributions make the open source community such an amazing place to learn, inspire, and create.
- Any contributions you make are greatly appreciated.
- Check out our contribution guidelines for more information.
Code-Magic is licensed under the MIT License - see the LICENSE file for details.
Thanks a lot for spending your time helping Code-Magic grow. Thanks a lot! Keep rocking🍻
This project needs a star️ from you. Don't forget to leave a star✨