Vibe Season Day 27 | Helping People Find Nearby Webflow Events With a CMS-Powered App @Webflow

Uploaded December 2025 | Updated September 2026, 2 weeks ago

In this Vibe Season build, Webflow’s Emma Genesen crafts an embeddable Events Finder that helps people discover nearby Webflow gatherings with speed and clarity. The experience pairs a stylish world map backdrop with a simple city input, then queries the Webflow CMS Events collection and surfaces upcoming meetups sorted by date.

Watch the app deliver focused results in a responsive tile grid—each card showing the event name, city, image, start date/time, and a short description—while subtle hover effects and polished loading and error states keep the interaction feeling confident and calm. When no matches are found, the interface gently suggests virtual recordings with a clear CTA.

Built to drop into a Webflow Embed block, Emma’s implementation is modular, well-documented, and intentionally lightweight—designed so teams can embed localized event discovery anywhere on their site during Vibe Season.

Follow along all month at webflow.com/campaign/vibe-season

Day 27 Prompt:
Build an embeddable Webflow app that helps users find Webflow events near them by entering their city. Display a decorative, responsive world map above a single city input with basic validation, then query the community/events CMS collection using the Events API.

Match events by city (case-insensitive), sort results by start date ascending, and display them in a responsive grid (3 columns desktop, 2 tablet, 1 mobile). Each event card should include the event name, location, image, start date/time, and description, with subtle hover effects on desktop.

If no events are found, show a friendly message and a CTA linking to virtual recordings (use a placeholder URL). Include lightweight styling, clear loading and error states, and modular, well-commented client-side code that works inside a Webflow Embed block. Provide both the full code and simple instructions for embedding it into a Webflow page.
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community

webflow.com
university.webflow.com
https://x.com/webflow
instagram.com/webflow
tiktok.com/@webflow
facebook.com/webflow

Vibe Season Day 27 | Helping People Find Nearby Webflow Events With a CMS-Powered App

Complex science, simplified. #MadeInWebflow #shorts #webdesign

MCP 2.0: Dont Just Build Fast. Build for Whats Next.

$Vibe Season Day 11 | Turning the CMS Into a Customer Story Search Engine In this Vibe Season masterpiece, Veronica Hsiao brings storytelling intelligence to Webflow’s GTM teams with a beautifully crafted internal app called Customer Story Expert. Watch Veronica turn the Customer Stories CMS into a dynamic discovery engine; letting Sales, Success, and Marketing teams search, filter, and explore stories by industry, persona, title, keywords, and more. A fun look at how Webflow can help teams surface the right story at the right moment—all fueled by Vibe Season creativity. Follow along all month at https://webflow.com/campaign/vibe-season Day 11 Prompt: Build a Webflow app called “Customer Story Expert” that helps Webflow’s internal GTM teams (Sales, Customer Success, Marketing) discover and visualize customer stories by attributes like industry, title, keywords, etc. Prioritize a beautiful, on-brand design aligned to Webflow’s design system. Use the Customer Stories CMS as the single source of truth. Expected fields: company_name, industry, region, company_size, summary, quotes[] { text, person_name, person_title }, logo_image, featured_image, story_url, [optional] value_props[], [optional] personas[]. Enable advanced search & filtering across combined fields—for example: * “Industry = Healthcare AND Persona = Marketing” Generate an on-brand landing page or report visualizing relevant stories, including: * Customer logo, industry, and persona (make an educated guess on Design, Developer, Marketer, Agency depending on the title) * Key quote(s) pulled from the CMS * Story summary and metrics * Link to full story * Optional “Copy Quote” or “Share Story” button for internal use Design parameters: * Use Webflow’s design system (fonts, color tokens, cards, spacing). * Support responsive layouts and light/dark modes. * Generate shareable internal URLs (e.g., /stories/healthcare-cmo). Optional enhancements: * Suggest similar stories (“Other relevant stories …”). * Summarize story themes or generate tag clusters automatically. * Provide an option to export to PDF or shareable deck slide. Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com https://university.webflow.com/ https://x.com/webflow https://www.instagram.com/webflow https://www.tiktok.com/@webflow https://facebook.com/webflow$

Create 3D perspective & organize content using Sections — Webflow tutorial

Who Should Use Webflow AI? Set It Up Right – Webflow tutorial

Powerful tech deserves an equally powerful presence. #shorts #ui #ux

Vibe Season Day 21 | A Smarter Way to Analyze Competitor Messaging—Built in Webflow

Scale your design systems with component slots & shareable Libraries

$Vibe Season Day 8 | A Vibrant, Searchable Props Wall—Built in Webflow In this Vibe Season build, Internal Comms pro Jason creates a full-stack Props Wall to help the whole company celebrate each other in style. In this Vibe Season build, Internal Comms pro Jason creates a Props Wall to help the whole company celebrate each other in style. Watch Jason bring a vibrant feed of props to life—complete with search, tag filters, and infinite scroll—so anyone can browse the latest kudos. Follow along all month at https://webflow.com/campaign/vibe-season Day 8 Prompt: I want to build a Props wall: Create a full-stack ‘Props Wall’ for our company site. Data model: Props { message, giver_name, recipients[], tags[], image_url?, channel, created_at, approved }. Views: Public Wall: masonry/grid of props with search, tag filters, infinite scroll. Submit Props: form (client-side validation), post to backend, show toast and optimistic card. Admin: table to review/approve/hide entries; bulk actions; simple spam/profanity check scaffold. API: POST /api/props (create), GET /api/props (list with query params: q, tag, approvedOnly, cursor), PATCH /api/props/:id (moderate). Add a signed incoming webhook endpoint /api/slack/props to accept Slack payloads with a secret. Use our site’s existing typography and color tokens. Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com https://university.webflow.com/ https://x.com/webflow https://www.instagram.com/webflow https://www.tiktok.com/@webflow https://facebook.com/webflow$