Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wiseaidev/yew-components
A Collection of Reusable Yew Framework Components.
https://github.com/wiseaidev/yew-components
bootstrap bootstrap-icons bootstrap5 components css html login login-forms login-page rust tailwind tailwindcss ui web webdevelopment website yew
Last synced: about 1 month ago
JSON representation
A Collection of Reusable Yew Framework Components.
- Host: GitHub
- URL: https://github.com/wiseaidev/yew-components
- Owner: wiseaidev
- License: apache-2.0
- Created: 2023-04-13T12:02:06.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-02T08:30:49.000Z (over 1 year ago)
- Last Synced: 2023-08-02T09:58:54.826Z (over 1 year ago)
- Topics: bootstrap, bootstrap-icons, bootstrap5, components, css, html, login, login-forms, login-page, rust, tailwind, tailwindcss, ui, web, webdevelopment, website, yew
- Language: Rust
- Homepage: https://pure-css-form-1.netlify.app/
- Size: 1.77 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# 📚 Yew Components
[](https://app.netlify.com/sites/yew-components/deploys)
[](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&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components.)
[](https://news.ycombinator.com/submitlink?u=https://github.com/wiseaidev/yew-components&t=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components.)
[](https://twitter.com/share?url=https://github.com/wiseaidev/yew-components&text=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components.)
[](https://www.facebook.com/sharer/sharer.php?u=https://github.com/wiseaidev/yew-components)
[](https://www.linkedin.com/shareArticle?url=https://github.com/wiseaidev/yew-components&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components.)
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.
## 📖 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
```
1. Navigate to the application directory.
```bash
cd yew-components
```
1. Run the client:
```sh
trunk serve --port 3000
```
Navigate to http://localhost:3000 to explore all available components.
## 📂 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.
### 🌀 Tailwind CSS Components
This subsection 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 | Repository |
|---|---|---|---|
| 1 |  | [](https://tailwind-login-form-1.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-tailwind#-tailwind-css-components) |
| 2 |  | [](https://tailwind-login-form-2.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-tailwind#-tailwind-css-components) |
| 3 |  | [](https://tailwind-login-form-3.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-tailwind#-tailwind-css-components) |
### 📬 Contact Forms
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  | [](https://tailwind-contact-form-1.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-tailwind#-tailwind-css-components) |
### 📙 Bootstrap Components
This subsection lists components implemented using the [Bootstrap CSS](https://getbootstrap.com/) 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.
#### 🔐 Login Forms
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  | [](https://bootstrap-login-form-1.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 2 |  | [](https://bootstrap-login-form-2.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 3 |  | [](https://bootstrap-login-form-3.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 4 |  | [](https://bootstrap-login-form-4.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 5 |  | [](https://bootstrap-login-form-5.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 6 |  | [](https://bootstrap-login-form-6.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 7 |  | [](https://bootstrap-login-form-7.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
| 8 |  | [](https://bootstrap-login-form-8.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-bootstrap#-bootstrap-css-components) |
### 🌈 Bulma CSS Components
This subsection lists components implemented using the [Bulma CSS](https://bulma.io/) framework. Bulma CSS is a modern and modular CSS framework that offers a wide range of components and utilities.
| ID | Preview | Repository |
|---|---|---|
| 1 |  | [🔗URL](todo) |
### 🎨 Pure CSS Components
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.
#### 🔐 Login Forms
| ID | Preview | Demo | Repository |
|---|---|---|---|
| 1 |  | [](https://pure-css-form-1.netlify.app/) | [🔗URL](https://github.com/wiseaidev/yew-components-pure-css#-bootstrap-css-components) |
## 🤝 Contributing
We welcome contributions to enhance the Yew 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/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 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! 🚀