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 different CSS frameworks like Bootstrap, Tailwind CSS, Bulma CSS, or even in just pure CSS, providing flexibility and ease of integration.
Yew 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.
-
Fork/Clone the GitHub repository.
git clone https://github.com/wiseaidev/yew-components
-
Navigate to the application directory.
cd yew-components -
Run the client:
trunk serve --port 3000
Navigate to http://localhost:3000 to explore all available components.
This section provides detailed information about the individual components included in the repository. The components are organized based on the CSS framework used for their implementation.
This subsection lists components implemented using the Tailwind CSS framework. Tailwind CSS is a utility-first CSS framework that provides a set of pre-defined classes to quickly build custom and responsive designs.
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  |
🔗URL | |
| 2 |  |
🔗URL | |
| 3 |  |
🔗URL |
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  |
🔗URL |
This subsection lists components implemented using the Bootstrap CSS framework. Bootstrap is a popular front-end framework that provides a rich set of components and styles, allowing developers to build responsive and visually appealing web applications.
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  |
🔗URL | |
| 2 |  |
🔗URL | |
| 3 |  |
🔗URL | |
| 4 |  |
🔗URL | |
| 5 |  |
🔗URL | |
| 6 |  |
🔗URL | |
| 7 |  |
🔗URL | |
| 8 |  |
🔗URL |
This subsection lists components implemented using the Bulma CSS framework. Bulma CSS is a modern and modular CSS framework that offers a wide range of components and utilities.
| ID | Preview | Repository |
|---|---|---|
| 1 |  |
🔗URL |
This subsection lists components implemented using just pure CSS. Pure CSS components provide a lightweight and minimalistic approach to styling web applications. Each component is designed without relying on external libraries, making them easy to integrate into any project.
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  |
🔗URL |
We welcome contributions to enhance the Yew Components repository! To contribute, please follow the CONTRIBUTING.md file guidelines. Thank you for helping make this project better!
This project and the accompanying materials are made available under the terms and conditions of the Apache License Version 2.0.
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 different CSS frameworks like Bootstrap, Tailwind CSS, Bulma CSS, and even Pure CSS. Whether you're a Rust enthusiast or a front-end developer seeking powerful and flexible components, this collection has something to offer.
Happy coding! 🚀