Skip to content

opensass/hero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🦸 Hero

Crates.io Crates.io Downloads Crates.io License made-with-rust Rust Maintenance

Join our Discord

logo

🎬 Demo

Framework Live
Yew Netlify Status
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?

  1. 📱 Responsive by Default: Automatically adapts to different screen sizes with clean mobile-first layout support.

  2. 🎨 Easy to Customize: Configure layout, alignment, spacing, images, call-to-actions, and more using straightforward props.

  3. 🧩 Pluggable Content Areas: Drop in your own headings, subheadings, images, buttons, or components with slot-like flexibility.

  4. 🌈 Theming & Styling Freedom: Comes unopinionated; Style it using Tailwind CSS, regular classes, or inline styles.

  5. ⚙️ 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.

  1. Fork the repository.
  2. Create a new branch for your feature/bugfix.
  3. 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.