An open API service indexing awesome lists of open source software.

https://github.com/wiseaidev/yew-components-bootstrap

A Collection of Yew Framework Components - Bootstrap V5.
https://github.com/wiseaidev/yew-components-bootstrap

bootstrap bootstrap5 css html rust web yew

Last synced: about 2 months ago
JSON representation

A Collection of Yew Framework Components - Bootstrap V5.

Awesome Lists containing this project

README

          

# 📚 Yew Bootstrap Components

[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/wiseaidev)
[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
[![made-with-rust](https://img.shields.io/badge/Made%20with-Rust-1f425f.svg?logo=rust&logoColor=white)](https://www.rust-lang.org/)
[![Share On Reddit](https://img.shields.io/badge/share%20on-reddit-red?style=flat-square&logo=reddit)](https://reddit.com/submit?url=https://github.com/wiseaidev/yew-components-bootstrap&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Bootstrap.)
[![Share On Ycombinator](https://img.shields.io/badge/share%20on-hacker%20news-orange?style=flat-square&logo=ycombinator)](https://news.ycombinator.com/submitlink?u=https://github.com/wiseaidev/yew-components-bootstrap&t=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Bootstrap.)
[![Share On Twitter](https://img.shields.io/badge/share%20on-twitter-03A9F4?style=flat-square&logo=twitter)](https://twitter.com/share?url=https://github.com/wiseaidev/yew-components-bootstrap&text=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Bootstrap.)
[![Share On Facebook](https://img.shields.io/badge/share%20on-facebook-1976D2?style=flat-square&logo=facebook)](https://www.facebook.com/sharer/sharer.php?u=https://github.com/wiseaidev/yew-components-bootstrap)
[![Share On Linkedin](https://img.shields.io/badge/share%20on-linkedin-3949AB?style=flat-square&logo=linkedin)](https://www.linkedin.com/shareArticle?url=https://github.com/wiseaidev/yew-components-bootstrap&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Bootstrap.)

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 Bootstrap CSS framework.

## 📖 Prologue

[Yew](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-bootstrap
```

1. Navigate to the application directory.

```bash
cd yew-components-bootstrap
```

1. Run the client:

```sh
trunk serve --port 3000
```

Navigate to http://localhost:3000 to explore all available components.

## 📙 Bootstrap CSS Components

This section 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.

| ID | Preview | Demo | Localhost |
| --- | --- | --- | --- |
| 1 | ![Component 1](./assets/form-one.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-1.netlify.app/) | [Localhost](http://localhost:3000/1) |
| 2 | ![Component 2](./assets/form-two.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-2.netlify.app/) | [Localhost](http://localhost:3000/2) |
| 3 | ![Component 3](./assets/form-three.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-3.netlify.app/) | [Localhost](http://localhost:3000/3) |
| 4 | ![Component 4](./assets/form-four.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-4.netlify.app/) | [Localhost](http://localhost:3000/4) |
| 5 | ![Component 5](./assets/form-five.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-5.netlify.app/) | [Localhost](http://localhost:3000/5) |
| 6 | ![Component 6](./assets/form-six.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-6.netlify.app/) | [Localhost](http://localhost:3000/6) |
| 7 | ![Component 7](./assets/form-seven.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-7.netlify.app/) | [Localhost](http://localhost:3000/7) |
| 8 | ![Component 8](./assets/form-eight.png) | [![Netlify Status](https://api.netlify.com/api/v1/badges/68d1469e-05ee-4acd-9368-b67d9e53bc2e/deploy-status)](https://bootstrap-login-form-8.netlify.app/) | [Localhost](http://localhost:3000/8) |

## 🤝 Contributing

We welcome contributions to enhance the Yew Bootstrap 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-bootstrap/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 Bootstrap 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! 🚀