diff --git a/README.md b/README.md new file mode 100644 index 0000000..44b68f8 --- /dev/null +++ b/README.md @@ -0,0 +1,106 @@ +### Looking to spruce up your website? Come check out these unique UI component templates! + +We have responsive UI components from ranging from buttons to menus to sidebars: + - [Accordions](https://github.com/parthwebdev/UI-Components/tree/main/Accordions/01) + + ![Accordion](https://github.com/user-attachments/assets/9db217f6-76e6-4ed0-8fbd-07cd69ddf029) + A dynamic collapasing cointainer showing a grouping of related components as to allow users to show and hide sections of related content on a page + + - [Buttons](https://github.com/parthwebdev/UI-Components/tree/main/Buttons) + + ![Button1](https://github.com/user-attachments/assets/4cc4291d-9915-46ba-955e-7350a1a0f33f) + + A component designed to carry out actions and make choices based on user interaction via single tap + + - [Cards](https://github.com/parthwebdev/UI-Components/tree/main/Cards) + + ![Card1](https://github.com/user-attachments/assets/cc9bc343-2a7f-4197-9f41-f80e274cfaf4) + + ![Card2](https://github.com/user-attachments/assets/aed979c4-77ee-4bbb-8d0c-4b5ad7177a27) + + ![Card3](https://github.com/user-attachments/assets/f8f45a30-7daa-493e-858a-640bd74d6061) + + A surface component that displays content on a single topic; containing several utility components to handle various use cases + - [Carousels](https://github.com/parthwebdev/UI-Components/tree/main/Carousels) + + ![Carousels1](https://github.com/user-attachments/assets/4caf35e5-8add-4d04-a165-65a36f1bda38) + A UI component that allows for smooth animation between given children via directional buttons + + - [Dropdowns](https://github.com/parthwebdev/UI-Components/tree/main/Dropdowns) + + ![Dropdowns1](https://github.com/user-attachments/assets/37ca9e5c-6119-45fe-8d3a-b35069ed12e1) + A menu that reveals additional options when clicked or hovered over + + - [Footer](https://github.com/parthwebdev/UI-Components/tree/main/Footer/01) + + ![Footers1](https://github.com/user-attachments/assets/4aca2fed-86fa-4775-9f6e-a1a1211f18df) + The bottom section of a webpage containing links, copyright info, and contact details + + - [Gallery](https://github.com/parthwebdev/UI-Components/tree/main/Gallery) + + ![Gallery1](https://github.com/user-attachments/assets/6c251484-67d6-43ca-bcd3-d7c3ccce1d29) + A visual display of images or videos, often arranged in a grid + + - [Inputs](https://github.com/parthwebdev/UI-Components/tree/main/Inputs) + + ![Input1](https://github.com/user-attachments/assets/7bca441a-a4af-47f1-b1ef-5bb767def330) + A field where users can enter text or data + + - [Log-In Page](https://github.com/parthwebdev/UI-Components/tree/main/Log%20in) + + ![Log-in1](https://github.com/user-attachments/assets/a68b28d2-0b98-4a9b-88d6-062350f778f0) + A form allowing users to authenticate their identity to access a service + + - [Media](https://github.com/parthwebdev/UI-Components/tree/main/Media) + + ![Image Gallery1](https://github.com/user-attachments/assets/b3bc300e-95de-47a5-8522-1cb0720befcd) + Elements like images, videos, or audio files embedded in the content + + - [Menus](https://github.com/parthwebdev/UI-Components/tree/main/Menus) + + ![Menu1](https://github.com/user-attachments/assets/3c67a911-ce1d-426c-917c-5866488aea4d) + Lists of navigational links or options for users to select from + + - [Modals](https://github.com/parthwebdev/UI-Components/tree/main/Modals/01) + + ![Modals1](https://github.com/user-attachments/assets/64c10e1d-7b79-4f8f-804c-ec049de015db) + Pop-up windows that overlay the main content to display important information or forms + + - [Navbars](https://github.com/parthwebdev/UI-Components/tree/main/Navbars) + + ![Navbars1](https://github.com/user-attachments/assets/4c4eb54e-937f-42d5-b85f-94afd0466faf) + Horizontal or vertical bars containing navigational links to different sections of a site + + - [Parallax](https://github.com/parthwebdev/UI-Components/tree/main/Parallax/01) + + ![Parallax1](https://github.com/user-attachments/assets/51aa168f-6cae-4bbe-8bd3-0ffa315a7a6c) + A scrolling effect where background images move slower than foreground content, creating a 3D-like depth + + - [Scroll](https://github.com/parthwebdev/UI-Components/tree/main/Scroll/01) + + ![PageScroll1](https://github.com/user-attachments/assets/82659da5-9166-44f4-8be7-9f1061f7e911) + The action of moving through the content of a webpage, typically vertically + + - [Sidebars](https://github.com/parthwebdev/UI-Components/tree/main/Sidebars) + + ![SideBar1](https://github.com/user-attachments/assets/9eb9d7e7-126b-4c6a-b4c8-2d11c85e260c) + Vertical sections on the side of a page containing additional navigation or information + + - [Socials](https://github.com/parthwebdev/UI-Components/tree/main/Socials) + + ![Socials1](https://github.com/user-attachments/assets/bd630677-995a-42b5-a1f6-7e8bc867af90) + Links or buttons that direct users to social media platforms + + - [Tabs](https://github.com/parthwebdev/UI-Components/tree/main/Tabs) + + ![SlidingTabs1](https://github.com/user-attachments/assets/0003b907-a6cd-4e88-9db6-316b5075154e) + Clickable headers that allow users to switch between different content sections within the same area + + - [Text](https://github.com/parthwebdev/UI-Components/tree/main/Text) + + ![Text1](https://github.com/user-attachments/assets/e4e0a020-098e-41ca-ac25-83d97a9f41de) + Written content displayed on the page, conveying information or messages + + - [Archive Cards](https://github.com/parthwebdev/UI-Components/tree/main/z_Archive/Cards) + Visual representations of past content or posts, often used for easy browsing +