https://github.com/wiseaidev/yew-components-pure-css

A Collection of Yew Framework Components - Pure CSS.
https://github.com/wiseaidev/yew-components-pure-css

css html rust yew

Last synced: 24 days ago
JSON representation

A Collection of Yew Framework Components - Pure CSS.

• Host: GitHub
• URL: https://github.com/wiseaidev/yew-components-pure-css
• Owner: wiseaidev
• License: apache-2.0
• Created: 2023-08-01T05:48:59.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-26T06:13:14.000Z (over 2 years ago)
• Last Synced: 2025-06-04T21:53:39.481Z (about 1 year ago)
• Topics: css, html, rust, yew
• Language: Rust
• Homepage: https://pure-css-form-1.netlify.app/
• Size: 8.03 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📚 Yew Pure CSS 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-pure-css&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Pure%20CSS.)

[![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-pure-css&t=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Pure%20CSS.)

[![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-pure-css&text=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Pure%20CSS.)

[![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-pure-css )

[![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-pure-css&title=A%20Collection%20of%20Reusable%20Yew%20Framework%20Components%20-%20Pure%20CSS.)

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 just pure CSS.

## 📖 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-pure-css

	```

1. Navigate to the application directory.

	```bash

	cd yew-components-pure-css

	```

1. Run the client:

	```sh

	trunk serve --port 3000

	```

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

## 🎨 Pure CSS

This section 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 | 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://pure-css-form-1.netlify.app/) | [Localhost](http://localhost:3000/1) |

## 🤝 Contributing

We welcome contributions to enhance the Yew Pure CSS 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-pure-css/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 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! 🚀