{"id":17623770,"url":"https://github.com/wiseaidev/yew-components-tailwind","last_synced_at":"2025-04-12T18:00:29.330Z","repository":{"id":184980984,"uuid":"672786182","full_name":"wiseaidev/yew-components-tailwind","owner":"wiseaidev","description":" A Collection of Yew Framework Components - Tailwind.","archived":false,"fork":false,"pushed_at":"2024-02-26T09:22:44.000Z","size":13868,"stargazers_count":5,"open_issues_count":6,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T12:21:20.566Z","etag":null,"topics":["hacktoberfest","rust","tailwind","tailwindcss","yew","yew-form","yew-framework","yew-functional"],"latest_commit_sha":null,"homepage":"https://tailwind-login-form-2.netlify.app/","language":"Rust","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wiseaidev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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":"2023-07-31T06:59:31.000Z","updated_at":"2024-11-08T23:51:02.000Z","dependencies_parsed_at":"2023-11-23T10:48:55.354Z","dependency_job_id":null,"html_url":"https://github.com/wiseaidev/yew-components-tailwind","commit_stats":null,"previous_names":["wiseaidev/yew-components-tailwind"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiseaidev%2Fyew-components-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiseaidev%2Fyew-components-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiseaidev%2Fyew-components-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiseaidev%2Fyew-components-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wiseaidev","download_url":"https://codeload.github.com/wiseaidev/yew-components-tailwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248610367,"owners_count":21132920,"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":["hacktoberfest","rust","tailwind","tailwindcss","yew","yew-form","yew-framework","yew-functional"],"created_at":"2024-10-22T21:42:53.429Z","updated_at":"2025-04-12T18:00:29.305Z","avatar_url":"https://github.com/wiseaidev.png","language":"Rust","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📚 Yew Tailwind Components\n\n[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/wiseaidev)\n[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)\n[![made-with-rust](https://img.shields.io/badge/Made%20with-Rust-1f425f.svg?logo=rust\u0026logoColor=white)](https://www.rust-lang.org/)\n[![Share On Reddit](https://img.shields.io/badge/share%20on-reddit-red?style=flat-square\u0026logo=reddit)](https://reddit.com/submit?url=https://github.com/wiseaidev/yew-components-tailwind\u0026amp;title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)\n[![Share On Ycombinator](https://img.shields.io/badge/share%20on-hacker%20news-orange?style=flat-square\u0026logo=ycombinator)](https://news.ycombinator.com/submitlink?u=https://github.com/wiseaidev/yew-components-tailwind\u0026amp;t=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)\n[![Share On Twitter](https://img.shields.io/badge/share%20on-twitter-03A9F4?style=flat-square\u0026logo=twitter)](https://twitter.com/share?url=https://github.com/wiseaidev/yew-components-tailwind\u0026amp;text=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)\n[![Share On Facebook](https://img.shields.io/badge/share%20on-facebook-1976D2?style=flat-square\u0026logo=facebook)](https://www.facebook.com/sharer/sharer.php?u=https://github.com/wiseaidev/yew-components-tailwind )\n[![Share On Linkedin](https://img.shields.io/badge/share%20on-linkedin-3949AB?style=flat-square\u0026logo=linkedin)](https://www.linkedin.com/shareArticle?url=https://github.com/wiseaidev/yew-components-tailwind\u0026amp;title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)\n\nThis repository contains a collection of reusable components written in Rust for the Yew framework. The components cover a range of functionalities, from login and register forms to contact us, forget password forms, etc. Each component is implemented using the Tailwind CSS framework.\n\n## 📖 Prologue\n\n[Yew](https://yew.rs/) is a modern Rust framework for building multi-threaded front-end web applications. It aims to provide a productive and pleasant experience for developing front-end applications in Rust, leveraging its safety and performance benefits. By utilizing Yew, we can create interactive and efficient web applications with ease.\n\n## 🚀 Building and Running\n\n1. Fork/Clone the GitHub repository.\n\n\t```bash\n\tgit clone https://github.com/wiseaidev/yew-components-tailwind\n\t```\n\n1. Navigate to the application directory.\n\n\t```bash\n\tcd yew-components-tailwind\n\t```\n\n1. Run the client:\n\n\t```sh\n\ttrunk serve --port 3000\n\t```\n\nNavigate to http://localhost:3000 to explore all available components.\n\n## 🌀 Tailwind CSS Components\n\nThis section lists components implemented using the [Tailwind CSS](https://tailwindcss.com/) framework. Tailwind CSS is a utility-first CSS framework that provides a set of pre-defined classes to quickly build custom and responsive designs.\n\n### 🔐 Login Forms\n\n| ID | Preview | Demo | Localhost |\n|---|---|---|---|\n| 1 | ![Component 1](./assets/form-one.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://tailwind-login-form-1.netlify.app/) | [Localhost](http://localhost:3000/login/1) |\n| 2 | ![Component 2](./assets/form-two.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://tailwind-login-form-2.netlify.app/) | [Localhost](http://localhost:3000/login/2) |\n| 3 | ![Component 3](./assets/form-three.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://tailwind-login-form-3.netlify.app/) | [Localhost](http://localhost:3000/login/3) |\n\n### 📬 Contact Forms\n\n| ID | Preview | Demo | Localhost |\n|---|---|---|---|\n| 1 | ![Component 1](./assets/contact-form-one.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://tailwind-contact-form-1.netlify.app/) | [Localhost](http://localhost:3000/contact/1) |\n\n### 🔢 Multi-Steps Forms\n\n| ID | Preview | Demo | Localhost |\n|---|---|---|---|\n| 1 | ![Component 1](./assets/multi-step-form-one.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://tailwind-multi-step-form-1.netlify.app/) | [Localhost](http://localhost:3000/multi-step/1) |\n\n\n## 🤝 Contributing\n\nWe welcome contributions to enhance the Yew Tailwind Components repository! To contribute, please follow the [`CONTRIBUTING.md`](CONTRIBUTING.md) file guidelines. Thank you for helping make this project better!\n\n## 📜 License\n\nThis project and the accompanying materials are made available under the terms and conditions of the [` Apache License Version 2.0`](https://github.com/wiseaidev/yew-components-tailwind/blob/main/LICENSE).\n\n## 📝 Epilogue\n\nIn conclusion, this repository is a treasure trove of reusable components crafted in Rust for the Yew framework, offering a plethora of functionalities ranging from user authentication to contact forms and more. Each component showcases the capabilities of the CSS Tailwind CSS framework. Whether you're a Rust enthusiast or a front-end developer seeking powerful and flexible components, this collection has something to offer.\n\nHappy coding! 🚀","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwiseaidev%2Fyew-components-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwiseaidev%2Fyew-components-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwiseaidev%2Fyew-components-tailwind/lists"}