Haze
Connect Haze's customizable technology template with Webflow to rapidly build professional websites with pre-built components, responsive design, and full CMS capabilities.
How to integrate Haze with Webflow
Haze seamlessly integrates with Webflow as a native template, requiring no external APIs or complex setup. Since Haze is a Webflow template rather than an external service, you can start building immediately after purchase by creating a new project with the template.
The template approach gives you complete control over design and functionality while maintaining the speed of pre-built components. Unlike external integrations that might limit customization or require ongoing maintenance, Haze becomes part of your Webflow project, allowing unlimited modifications through the visual Designer interface.
Use the Haze template
Start building your technology or business website with Haze's professionally designed components and layouts. The template includes everything needed for a modern web presence.
Key capabilities:
- 100% customizable design through Webflow's Designer interface
- Pre-built page layouts including home, about, services, and contact pages
- Reusable components like headers, footers, CTAs, and testimonials
- CMS-ready collections for blogs, team members, and portfolio items
- Responsive breakpoints configured for desktop, tablet, and mobile
- Figma design files included for advanced customization workflows
Purchase the template from Webflow's marketplace and select it when creating a new project. All components are immediately available in your Designer workspace.
Native features and visual customization
Leverage Webflow's built-in features to customize Haze without touching code. The visual editor provides complete control over every aspect of your site.
Design customization features:
- Global styles panel for colors, typography, and spacing adjustments
- Class-based styling system with clear naming conventions
- Drag-and-drop sections to build pages visually
- Component symbols for maintaining consistency across pages
- CMS collections managed through Webflow's content editor
Access these features directly in the Designer by selecting elements and modifying properties in the Style panel. Changes update in real-time across all instances.
Content management capabilities:
- Dynamic CMS lists for blogs, portfolios, and team directories
- Collection templates for consistent content layouts
- Rich text editing within CMS items
- Multi-reference fields for categories and tags
Build with Webflow's visual tools
Extend Haze's functionality using Webflow's native features and integrations without writing custom code.
Custom interactions and animations
Create engaging user experiences with Webflow's Interactions panel. Build scroll-triggered animations, hover effects, and page transitions visually.
Animation capabilities:
- Scroll-based triggers for revealing content progressively
- Mouse movements for parallax and depth effects
- Page load animations for smooth entrances
- Component states like hover and click responses
Configure animations by selecting elements and defining triggers and actions in the Interactions panel. Preview changes immediately in the Designer.
Form handling and submissions
Add contact forms, newsletter signups, and surveys using Webflow's native form builder. Forms automatically connect to your project's submission storage.
Form features:
- Visual form builder with drag-and-drop fields
- Built-in submission handling through Webflow's dashboard
- Email notifications for new submissions
- Spam protection with reCAPTCHA support
- Integration options via Zapier for CRM connections
Create forms by dragging form elements onto your page and configuring field settings. View submissions in your project settings.
What you can build
Integrating Haze with Webflow enables rapid development of professional websites across industries.
- Technology startup sites: Launch SaaS product pages with feature sections, pricing tables, and demo request forms that convert visitors into users
- Digital agency portfolios: Showcase client work with filterable project galleries, case study templates, and team member profiles
- Business service websites: Create consulting firm sites with service listings, client testimonials, and appointment booking integrations
- Professional blogs: Build content hubs with category systems, author profiles, and newsletter signup forms for audience growth
Frequently asked questions
No, Webflow templates can only be applied when creating a new project. To use Haze with existing content, you'll need to create a new project with the template and migrate your content manually. Find detailed migration instructions in Webflow's template documentation which covers CMS export/import procedures and asset transfer methods.
No, Webflow templates can only be applied when creating a new project. To use Haze with existing content, you'll need to create a new project with the template and migrate your content manually. Find detailed migration instructions in Webflow's template documentation which covers CMS export/import procedures and asset transfer methods.
All design elements in Haze can be modified through Webflow's visual Designer interface. Select any element to access its style properties, including colors, typography, spacing, and layout settings. The template's class structure documentation provides a complete reference of all style classes and their inheritance relationships.
All design elements in Haze can be modified through Webflow's visual Designer interface. Select any element to access its style properties, including colors, typography, spacing, and layout settings. The template's class structure documentation provides a complete reference of all style classes and their inheritance relationships.
Yes, Haze can be extended with Webflow's e-commerce features by upgrading to an e-commerce site plan. This enables product catalogs, shopping carts, and checkout flows. The Webflow e-commerce setup guide walks through adding products, configuring payment processing, and customizing the shopping experience.
Yes, Haze can be extended with Webflow's e-commerce features by upgrading to an e-commerce site plan. This enables product catalogs, shopping carts, and checkout flows. The Webflow e-commerce setup guide walks through adding products, configuring payment processing, and customizing the shopping experience.
Sites built with Haze can be exported if you have a paid Webflow plan that includes code export. However, CMS functionality and dynamic features require Webflow hosting to function. Review the export limitations documentation for details on which features work with external hosting.
Sites built with Haze can be exported if you have a paid Webflow plan that includes code export. However, CMS functionality and dynamic features require Webflow hosting to function. Review the export limitations documentation for details on which features work with external hosting.
Template support is available through the designer's support channel on the template page. Response times are typically within two business days. For general Webflow questions, the Webflow University provides comprehensive tutorials and the community forum offers peer support.
Template support is available through the designer's support channel on the template page. Response times are typically within two business days. For general Webflow questions, the Webflow University provides comprehensive tutorials and the community forum offers peer support.
Description
Haze is a highly customizable, responsive technology website template designed for Webflow, offering pre-built pages, reusable components, and Figma design files for rapid website development. It provides a modern, professionally designed foundation that can be fully customized through Webflow's visual editor without writing code.
This integration page is provided for informational and convenience purposes only.
Webflow Templates from ThemeForest
Purchase Webflow Templates created by ThemeForest's Global Community of independent Web Developers.
Webflow Templates from Creative Market
Purchase Webflow templates from Creative Market, then, redeem them on Webflow to edit and publish.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
