Solar Energy Website

A thin lime circle tells you which two words this page is about.

The headline sits over a sunset photo of a panel field. The "Get started" and "Explore innovations" buttons share the circle's lime, so the eye moves from the circled words straight to the next step.

Large faded capitals repeat those two words across the sky, faint enough to stay inside the photo. On mobile they break onto two lines, and the headline and button stack above two frosted cards.

Only two words of "Solar Energy for Your Home and Business" are lime, and the whole page follows them.

Designed by the Hue & Machine team.

#SolarEnergy #RenewableEnergy #CleanTech #WebDesign #LandingPage #HeroSection #UIDesign #ResponsiveDesign #MobileDesign #FigmaDesign

This is really cool, Nice job Dmytro

Introducing MapFlow 2.0: map, sidebar and popups in one Framer component

MapFlow 2.0 is a custom Google Maps component for Framer. Add locations with images, ratings, prices and details, then show them with category filters, search, clustering and polished popups. Everything is set from the property panel, no code.

Built for Framer, fully controlled from the property panel.

What’s new in 2.0

Sidebar with Image Cards or Category List. Show locations as image cards with rating, price and address, or as a clean drill-down list by category.

Search and category filters. Visitors search by name and filter with pills; the map reframes to match.

Rich popups. Image, category badge, star rating, price, address, details and a call-to-action button, each one toggled on or off.

Standard or Group markers. Use plain markers for a simple map, or group locations into categories with their own pin style and color.

Primary Location. Highlight your HQ, store or event venue with its own star pin and popup.

Smart clustering. Dense areas collapse into clean bubbles and expand as you zoom.

Auto distance. Show how far each place is from your primary location.

Bulk import. Paste a JSON or CSV list and add dozens of locations at once.

Easy coordinates. Type decimal degrees or degrees and minutes (21° 36' N).

Mobile-ready. On small screens the sidebar becomes a bottom sheet.

Full styling control. Map presets (Silver, Minimal, Grayscale, Night, Retro), custom JSON styles, native font controls, colors, radius and more.

Great for Travel guides, real estate listings, restaurant and store locators, coworking and healthcare directories, event maps and city guides.

Demo data The preview uses a fictional Jaipur City Guide (hotels, restaurants and experiences) to show every feature.

How to use it

- Drop MapFlow onto your canvas.

- Add your Google Maps API key.

- Add locations or paste an import list.

- Pick a sidebar layout and style it.

Get it: https://framer.link/7sync-mapflow

Clustering plus category filters in a no-code component is a big deal for location-heavy sites. The image card sidebar with ratings and prices makes it feel like a proper directory.