Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wiseaidev/yew-components-tailwind
A Collection of Yew Framework Components - Tailwind.
https://github.com/wiseaidev/yew-components-tailwind
hacktoberfest rust tailwind tailwindcss yew yew-form yew-framework yew-functional
Last synced: 15 days ago
JSON representation
A Collection of Yew Framework Components - Tailwind.
- Host: GitHub
- URL: https://github.com/wiseaidev/yew-components-tailwind
- Owner: wiseaidev
- License: apache-2.0
- Created: 2023-07-31T06:59:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-26T09:22:44.000Z (12 months ago)
- Last Synced: 2024-12-10T19:43:00.355Z (2 months ago)
- Topics: hacktoberfest, rust, tailwind, tailwindcss, yew, yew-form, yew-framework, yew-functional
- Language: Rust
- Homepage: https://tailwind-login-form-2.netlify.app/
- Size: 13.2 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# 📚 Yew Tailwind Components
[](https://github.com/wiseaidev)
[](https://opensource.org/licenses/Apache-2.0)
[](https://www.rust-lang.org/)
[](https://reddit.com/submit?url=https://github.com/wiseaidev/yew-components-tailwind&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)
[](https://news.ycombinator.com/submitlink?u=https://github.com/wiseaidev/yew-components-tailwind&t=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)
[](https://twitter.com/share?url=https://github.com/wiseaidev/yew-components-tailwind&text=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)
[](https://www.facebook.com/sharer/sharer.php?u=https://github.com/wiseaidev/yew-components-tailwind )
[](https://www.linkedin.com/shareArticle?url=https://github.com/wiseaidev/yew-components-tailwind&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Tailwind.)
This 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.
## 📖 Prologue
[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.
## 🚀 Building and Running
1. Fork/Clone the GitHub repository.
```bash
git clone https://github.com/wiseaidev/yew-components-tailwind
```
1. Navigate to the application directory.
```bash
cd yew-components-tailwind
```
1. Run the client:
```sh
trunk serve --port 3000
```
Navigate to http://localhost:3000 to explore all available components.
## 🌀 Tailwind CSS Components
This 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.
### 🔐 Login Forms
| ID | Preview | Demo | Localhost |
|---|---|---|---|
| 1 |  | [](https://tailwind-login-form-1.netlify.app/) | [Localhost](http://localhost:3000/login/1) |
| 2 |  | [](https://tailwind-login-form-2.netlify.app/) | [Localhost](http://localhost:3000/login/2) |
| 3 |  | [](https://tailwind-login-form-3.netlify.app/) | [Localhost](http://localhost:3000/login/3) |
### 📬 Contact Forms
| ID | Preview | Demo | Localhost |
|---|---|---|---|
| 1 |  | [](https://tailwind-contact-form-1.netlify.app/) | [Localhost](http://localhost:3000/contact/1) |
### 🔢 Multi-Steps Forms
| ID | Preview | Demo | Localhost |
|---|---|---|---|
| 1 |  | [](https://tailwind-multi-step-form-1.netlify.app/) | [Localhost](http://localhost:3000/multi-step/1) |
## 🤝 Contributing
We 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!
## 📜 License
This 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).
## 📝 Epilogue
In 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.
Happy coding! 🚀