AI Analytics Dashboard

One blue runs from the logo to the chart line.

Revenue, active users, conversion rate and income sit in a row of cards above the trend chart. The cards answer where the numbers stand. The stepped line answers how they got there, holding each period's value until the next, with a tooltip on a dashed guide line for the exact figure.

The identity pairs a four-arc mark with a condensed wordmark, drawn to the same top and bottom lines on the construction grid. The top arc's blue comes back in the slogan tile, the chart line and the main button, so the brand and the product share one accent.

Designed by the Hue & Machine team.

#DashboardDesign #DataVisualization #SaaS #Analytics #AI #WebApp #BrandIdentity #UIDesign #ProductDesign #FigmaDesign

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.