{"id":24569086,"url":"https://github.com/ryomendev/ui-components","last_synced_at":"2026-04-16T19:39:01.434Z","repository":{"id":272533724,"uuid":"916919737","full_name":"RyomenDev/UI-components","owner":"RyomenDev","description":"This repository contains reusable UI components and design elements for various pages, including login forms, headers, sidebars, footers, buttons, cards, graphs, and more. It aims to provide consistent, modular, and customizable components for building intuitive web interfaces.","archived":false,"fork":false,"pushed_at":"2025-02-03T17:02:35.000Z","size":3716,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-03T17:42:56.366Z","etag":null,"topics":["animation","css","tailwndcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RyomenDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-15T02:16:27.000Z","updated_at":"2025-02-03T17:02:38.000Z","dependencies_parsed_at":"2025-01-22T13:34:51.841Z","dependency_job_id":null,"html_url":"https://github.com/RyomenDev/UI-components","commit_stats":null,"previous_names":["ryomendev/ui-components"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyomenDev%2FUI-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyomenDev%2FUI-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyomenDev%2FUI-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyomenDev%2FUI-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RyomenDev","download_url":"https://codeload.github.com/RyomenDev/UI-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243979186,"owners_count":20378164,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","css","tailwndcss"],"created_at":"2025-01-23T14:56:14.124Z","updated_at":"2025-10-04T13:05:08.591Z","avatar_url":"https://github.com/RyomenDev.png","language":"JavaScript","readme":"# \u003cu\u003eLogin Pages\u003c/u\u003e\n\n### Login 1A (tailwind + vite.config) \u0026 Login 1B (external css) : Animated\n\n![Logn1](https://github.com/user-attachments/assets/92775a5c-f904-45a0-b62e-4d4790013418)\n\n### Login 2A (tailwind + vite.config) \u0026 Login 2B (external css) : Glassmorphism\n\n![Login2](https://github.com/user-attachments/assets/2aff2b72-b5cf-4e45-b574-a5e49e59efef)\n\n# \u003cu\u003eCards\u003c/u\u003e\n\n### Card1A (Tailwind \u0026 Internal) \u0026 Card1B (External CSS)\n\n| Card1: hover Effect                                                                        | Card2: Hover Effect                                                                       |\n| ------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- |\n| ![Card1B](https://github.com/user-attachments/assets/4480d0f1-bed2-4eb5-a59e-e4cc61591195) | ![Card1B](https://github.com/user-attachments/assets/b8c62f3c-d52a-41aa-9796-641321b761b4) |\n\n# \u003cu\u003eButtons\u003c/u\u003e\n\n### Button1A (Tailwind) \u0026 Button1B (External CSS)\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/c6f45b64-9bed-4fde-8f9d-271c14d52309\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### Button2A (Tailwind) \u0026 Button2B (External CSS) - Animated\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/934bdca3-4b1a-4818-b7f7-9e64fb0b336e\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### Button3 -Hovering (Tailwind) \u0026 (External CSS)\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/5396227a-3eb0-452d-9b12-5b31c55f21a9\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### Button3: Voltage Animation\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/87fe0c09-45ae-4896-8e55-d15dc7fe7c04\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n# \u003cu\u003eGraphs\u003c/u\u003e\n\n### LineAreaChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/6c13fa2d-fb53-43d6-adbe-7d5b491a57c7\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### DonutChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/00096ab8-df32-40e5-b48c-950db04f326b\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### GradientLineChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/a865c2ba-fd2b-4b2c-ad1f-7b79bf8a9cbd\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n\n### HorizontalBarChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/93b7af3e-5b4c-45f3-b675-665bf80365de\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### LineChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/8bde5151-89c6-403d-8e06-b1ede477b6a4\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### LineChartCurve\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/69df9f28-2367-453e-a207-d29c6882d3e2\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### RadarChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/443a5516-bb45-4b18-b4d4-d1abf925498c\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n### PolarAreaChart\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/76fcde57-9fa7-439c-bccb-3d9d3e5c431f\" alt=\"Image\" /\u003e\n\u003c/p\u003e\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryomendev%2Fui-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryomendev%2Fui-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryomendev%2Fui-components/lists"}