hero
| Crates.io | hero |
| lib.rs | hero |
| version | 0.0.3 |
| created_at | 2025-06-06 09:49:12.319561+00 |
| updated_at | 2025-06-11 11:08:13.752054+00 |
| description | 🦸 A highly customizable hero sections templates for WASM frameworks like Yew, Dioxus, and Leptos. |
| homepage | |
| repository | https://github.com/opensass/hero |
| max_upload_size | |
| id | 1702774 |
| size | 298,994 |
Mahmoud (wiseaidev)
documentation
README
🦸 Hero
🎬 Demo
| Framework | Live |
|---|---|
| Yew | |
| Dioxus | TODO |
| Leptos | TODO |
📜 Intro
Hero is a highly customizable hero sections components for WASM Frameworks like Yew, Leptos, and Dioxus. It helps you build beautiful, responsive hero sections with minimal setup and maximum customization.
🤔 Why Use Hero?
-
📱 Responsive by Default: Automatically adapts to different screen sizes with clean mobile-first layout support.
-
🎨 Easy to Customize: Configure layout, alignment, spacing, images, call-to-actions, and more using straightforward props.
-
🧩 Pluggable Content Areas: Drop in your own headings, subheadings, images, buttons, or components with slot-like flexibility.
-
🌈 Theming & Styling Freedom: Comes unopinionated; Style it using Tailwind CSS, regular classes, or inline styles.
-
⚙️ Framework Friendly: Designed for seamless integration with Yew, Leptos, Dioxus, or any other WASM-based UI framework.
Yew Usage
Refer to our guide to integrate this component into your Yew app.
🧬 Dioxus Usage (TODO)
Refer to our guide to integrate this component into your Dioxus app.
🌱 Leptos Usage (TODO)
Refer to our guide to integrate this component into your Leptos app.
🤝 Contributions
Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Hero better.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- Submit a pull request for review.
📜 License
Hero is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.