Tilda Publishing's Zero Block is a tool for professional designers that gives you the freedom to create unique designs and customize all website elements.
BREAK BOUNDARIES
DETERMINE THE POSITION OF EACH ELEMENT
MANAGE SPACE
CONTROL HOW YOUR WEBSITE LOOKS ON ANY DEVICE
HERE'S HOW ZERO BLOCK WORKS
1.
Create a website
2.
Add Zero Block
3.
Create a unique website design
4.
Make it adaptive
Adapt your design to a variety of devices by switching between the most common screen resolutions
5.
Your top-notch website is ready!
TOOLS
Bind to screen corners
Element auto-scaling
Custom breakpoints
Auto Layout
Animation effects
Layers
Shapes
Vectors
Transparency
Typography
Video integration
Gallery
Forms
Tooltips
Insert HTML code
Modify alignments easily
Bind to screen corners
Use rulers for precision that highlight in blue, indicating the coordinates of edited elements
Switch between screen resolutions or set a custom one
Adjust visual guides flexibly
Organize layers using the panel
Customize padding between elements effortlessly
BRING ELEMENTS TO LIFE WITH ANIMATION
Fade in & fade out animation
Step-by-step animation
Parallax effect
Fixed positioning
Trigger events
Easing effect
Choose what triggers animation: Element/block appearing on screen or pointer actions like scrolling, hovering, or clicking
Loop animation for continuous playback
Add animation steps and customize their duration, position, size, and transparency
Select the effect for element appearance: Fade-in (from up, down, left, or right) or zoom
Apply a parallax effect triggered by scroll or pointer movement, and adjust its speed
Choose when the animation triggers: When the block/element/pointer reaches the bottom, center, or top of the screen
Auto Layout in Zero Block speeds up the design process and allows you to adapt the layout to different screen resolutions more quickly and flexibly. Simply configure the settings that control how elements behave, and the layout will automatically adjust to any size or content changes.
Zero Block is the perfect tool for designers! You can freely move elements, resize them, change colors and styles, giving you complete control over the design.