Expand description
§🎬 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.