Welcome to the Blocksweb Editor! This guide will help you navigate through the initial steps of utilizing Blocksweb effectively.

Getting started

Choosing a Template

In the Blocksweb Editor, you have the flexibility to define your own path. To begin, you can select a template from our extensive template manager that aligns with your project's vision. Our template manager offers a wide range of professionally designed templates to suit various styles and purposes. Choose the template that best matches your desired layout and design, and customize it further to meet your specific requirements.

Building from Scratch

If you prefer complete creative control and want to design your webpage from scratch, Blocksweb offers you the freedom to do so. By starting from a blank canvas, you can unleash your creativity and build a unique website that perfectly reflects your brand or vision.

To aid you in this process, we provide a collection of prebuilt Tailwind blocks. These blocks consist of ready-made components and design elements that can streamline your development process. To leverage the benefits of the Tailwind blocks, please ensure that Tailwind is loaded in the link manager. This step is crucial for the seamless integration and proper functioning of the Tailwind blocks within your project.

With the building from scratch option, you have the opportunity to exercise complete control over your webpage's structure, layout, and styling. Combine different blocks, customize their appearance, and create a truly bespoke website tailored to your specific needs.

By following these guidelines, you can make the most of the Blocksweb Editor's versatility and optimize your web development workflow. Whether you choose to start with a template or build from scratch, Blocksweb provides you with the tools and flexibility to bring your web design ideas to life.

Block manager

Within the Blocksweb Manager, we offer a comprehensive range of blocks to empower you in creating your own website. Additionally, we provide the flexibility to design and incorporate your own custom blocks using the "" feature available in the toolbar.

Default Block Options: As part of our platform, we provide a selection of default blocks to kickstart your web design journey. These default blocks encompass a variety of essential elements and components commonly used in website development. Some examples of the default blocks we offer include:

  1. Header: Add a professional and visually appealing header section to your website with customizable options for logos, menus, and branding elements.

  2. Hero Section: Make a powerful first impression with a captivating hero section that showcases key information, images, or videos, highlighting the unique aspects of your website.

  3. Features: Communicate the key features and functionalities of your product or service using visually engaging feature blocks. Customize them to suit your specific offerings.

  4. Testimonials: Build trust and credibility by incorporating customer testimonials into your website. Highlight positive feedback and experiences to inspire confidence in your audience.

  5. Call-to-Action: Encourage user engagement and drive desired actions with compelling call-to-action blocks. Customize them to direct visitors towards your intended conversion points.

These default blocks are carefully crafted to provide a solid foundation for your website design. You can easily customize and tailor them to match your brand aesthetics and specific requirements.

Create a Component

In addition to the default blocks, we offer the ability to create your own custom blocks using the "Create a Component" option in the toolbar. This powerful feature enables you to design and implement unique blocks that align perfectly with your creative vision and website objectives. With this capability, you have the freedom to create highly personalized and distinctive elements that set your website apart from the rest.

With the Blocksweb Manager's extensive block options and the ability to create your own components, you have the tools at your disposal to build a visually stunning and fully customized website that effectively communicates your message and captivates your audience.

Settings manager

Upon selecting a block, a range of options becomes accessible, facilitating the configuration of the currently chosen component.

Style Manager

The Style Manager serves as a comprehensive tool for modifying various aspects of styling within the Blocksweb Editor. With this powerful feature, you gain the ability to make extensive customizations to enhance the visual presentation of your components.

One such capability offered by the Style Manager is the ability to modify the background color of the selected component. This feature allows you to effortlessly tailor the appearance of your components to suit your desired aesthetic preferences. By selecting the component and accessing the Style Manager, you can easily make changes to the background color, empowering you to create visually appealing and cohesive designs.

The Style Manager within Blocksweb grants you full control over the styling of your components, enabling you to achieve the desired look and feel for your website. Explore the numerous customization options available and unlock the potential to create stunning and engaging web designs.


To begin your website creation process, you have the option to start by selecting a template. By clicking on the template manager button, you can conveniently access the template manager.

The template manager serves as a centralized hub that offers a wide array of templates for you to choose from. This feature enables you to select a template that aligns with your specific needs and design preferences. With a diverse range of options available, you can find templates tailored to various industries, styles, and functionalities.

By utilizing the template manager, you can streamline your website development process and benefit from a pre-designed foundation that can be customized to suit your branding and content requirements. Choose the template that best resonates with your vision and embark on creating a visually compelling and functional website.

Last updated