- Introduction📌
- Technology Used🚀
- Overview⭐
- Getting Started💥
- Contributing Guidelines📑
- Code Of Conduct📑
- Open Source Programs🥳
- Project Admin⚡
- Project Contributors🫂
- Contributing is fun🧡
Beautiify is a comprehensive collection of meticulously crafted components and animations designed to enhance the aesthetic appeal and user experience of any website. Whether you are building a simple landing page or a complex web application, Beautiify provides you with the tools to create visually stunning and highly interactive user interfaces.
Beautiify offers a diverse range of components and animations designed to enhance the user interface of any website. Each component is available in multiple designs, providing ample customization options.-
Accordions ➡️ Accordions are expandable sections that reveal or hide content when clicked. Beautiify offers various styles, including 3D Accordion, Glassmorphism Accordion, Horizontal Picture Accordion, and so on.
-
Backgrounds ➡️ Beautiify includes a collection of visually appealing backgrounds to enhance the look of your site. Options include 3D Boxes Background, Abstract Background, Animated Colorful Background, and so on.
-
Breadcrumbs ➡️ Breadcrumbs provide navigational links to enhance user experience. Available designs include 3D Breadcrumb, Animated Breadcrumb, Gaming Breadcrumb, and so on.
-
Buttons ➡️ Stylish and functional buttons are available in different shapes and sizes. Designs include Blob Button, Glow Button, Hover Button, and so on.
-
Cards ➡️ Cards are versatile containers for displaying content. Beautiify provides various card designs, such as 3D Animated Card, Blog Post Card, Flip Card, and so on.
-
Carousels ➡️ Carousels are rotating sliders for showcasing images or content. Available types include 3D Image Carousel, Draggable Carousel, Neumorphism Carousel, and so on.
-
Cursors ➡️ Cursors are customizable mouse pointers that enhance interactivity and user experience. Beautiify offers designs like Dot Cursor, Pulsating Cursor, and so on.
-
Dropdowns ➡️ Dropdowns allow users to select options from a list. Beautiify offers several styles which include Apple Themed Dropdown, The More Menu Dropdown, and so on.
-
Error Pages ➡️ Error Pages are displayed when a user encounters an issue, such as a broken link or missing page. Beautiify provides creative designs like 404 Error Page, Neon Glow Error Page, and so on.
-
Footers ➡️ Footers are customizable sections at the bottom of pages. Beautiify includes Animated Footer, Classic Footer, Waves Footer, and so on.
-
Forms ➡️ Forms are essential for user input. Beautiify provides a range of form designs, including Animated Login Form, Black Red Signup Form, Contact Form, and so on.
-
Heroes ➡️ Heroes are a large, attention-grabbing picture with text typically shown in the above-the-fold area. Beautiify provides various hero designs such as Carousel Hero, Collage-Style Hero, and so on.
-
Loaders ➡️ Loaders indicate the loading process. Beautiify features various loader designs such as Bird Loader, Clock Loader, Helix Loader, and so on.
-
Navigation Bars ➡️ Navigation Bars provide links for site navigation. Beautiify offers Circular Navigation Bar, Hamburger Navigation Bar, Overlay Navigation Bar, and so on.
-
Popups ➡️ Popups display messages or content overlays. Available designs include Context Menu Popup, Error Notification Popup, Success Notification Popup, and so on.
-
Scrollbars ➡️ Scrollbars are customizable elements that allow users to navigate through content. Beautiify offers designs like Elegant Custom Scrollbar, Rainbow Scrollbar, and so on.
-
Search Bars ➡️ Search Bars enable users to search content on your site. Beautiify provides 3D Search Bar, Google Search Bar, Neumorphism Search Bar, and so on.
-
Tables ➡️ Tables are used to organize and display data in rows and columns. Beautiify offers designs like Bending Sheet Table, Pop Up Table, and so on.
-
Text Animations ➡️ Text Animations add dynamic effects to text. Beautiify includes Flip Text Animation, Fog Text Animation, Glowing Text Animation, and so on.
-
Toggle Switches ➡️ Toggle switches prompt users to choose between two mutually exclusive options and always have a default value. Available designs are Robo Toggle Switch, Light Toggle Switch, and so on.
-
Tooltips ➡️ A tooltip is a brief, informative message that appears when a user interacts with an element. Beautiify provides various designs like Animated Tooltip, Shopping Cart Tooltip, and so on.
-
Transfer Lists ➡️ Transfer Lists allow items to be moved between lists. Available styles are Card Based Transfer List, Neumorphism Transfer List, and so on.
Live Project --> (https://beautiify-nikhil.netlify.app)
- Fork this Repository.
- Clone the forked repository in your local system.
git clone https://github.com/<your-github-username>/Beautiify.git
- Open
index.htmlin your browser. - View the Live Project here.
- Raise an issue if you find a bug or add a feature.
- Wait for the issue to be assigned and proceed only after the issue is assigned to you.
- Navigate to the project directory.
cd Beautiify
- Create a new branch for your feature.
git checkout -b <your_branch_name>
- Perfom your desired changes to the code base.
- Track and stage your changes.
# Track the changes
git status
# Add changes to Index
git add .
- Commit your changes.
git commit -m "your_commit_message"
- Push your committed changes to the remote repo.
git push origin <your_branch_name>
- Go to your forked repository on GitHub and click on
Compare & pull request. - Add an appropriate title and description to your pull request explaining your changes and efforts done.
- Click on
Create pull request. - Congrats! 🥳 You've made your first pull request to this project repo.
- Wait for your pull request to be reviewed and if required suggestions would be provided to improve it.
- Celebrate 🥳 your success after your pull request is merged successfully.
 Nikhil Sundriya 
|
