From e78bbac8b9d1498c20b0243f2b70967845de5a7e Mon Sep 17 00:00:00 2001 From: Braulio Quintana <80272979+pisapi1@users.noreply.github.com> Date: Sun, 29 Sep 2024 21:40:05 -0400 Subject: [PATCH] Create README.md Constructed README for repository, including UI component description and .gifs to demonstrate how the components' function and appearance --- README.md | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 README.md 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 + pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy