This tutorial will help you create magical falling animations to add to your webpage. If you’re interested in floating animations, check out this tutorial here. At first glance, it may seem challenging or code-heavy to add falling animations to a webpage. However, we can easily add this effect in Hatch using our physics mechanics and…
Tag: no code
Here are the winning projects from our web design challenge!
It is with immense gratitude and excitement that we announce the results of our 2024 Web Design Challenge. We extend our sincere thanks to everyone who contributed their creativity, skill, and passion to make this event a success. We are privileged to have such a talented and vibrant group of creators as part of our…
Use a page click to change an object’s behavior
In this walkthrough, we’ll explore how to change any object on your Hatch page, triggered by a click. By adding interactions to a page element, we can assign all kinds of behaviors to it. Click to change a color or size, make an object appear or disappear. The best part? You can set up a…
Make a web app today: 5 tips for low-code prototyping
Entrepreneurs and aspiring app developers can get a minimum viable prototype online in an afternoon with these five tips for fast, free web app prototyping. Why web apps? In contrast to native/mobile apps, web apps are ideal for early development and proof-of-concept projects because of their low barrier for creators and users alike. They don’t…
Give a homemade app this holiday
According to Statista, the average daily time Americans will spend on mobile phones will be 4 hours and 39 minutes by 2024. As an antidote to endless scrolling, swiping and shopping, consider giving your loved ones a homemade app made just for them! When someone’s phone is an extension of themselves, integral to how they…
How to make a personal app with custom widgets
We love web apps here at Hatch because they are fun and fast to get up and running. It’s easy to make a personal app in Hatch and have it “installable,” appearing like other apps on your device, including a one-tap icon that launches the experience. Anyone using your web app will always already be…
Made with Hatch: the community showcase
Presenting our Hatch Community Showcase, where we spotlight the fantastic projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our valued Hatch…
How to add gravity effects to a webpage with no-code physics
Make any element on your webpage bounce, fall, float, and bump around without knowing how to code. In Hatch, it’s easy to add gravity effects to a webpage using our physics properties. In another tutorial we worked with a physics-based template by copying the core functionality. This tutorial will walk through how the physics properties…
Made with Hatch: the community showcase
Presenting our Hatch Community Showcase, where we spotlight the fantastic projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our valued Hatch…
How to remix a Hatch template: from infographic to storefront
In this tutorial we’ll walk through how to modify our infographic template. Using our remix function we can make some edits and create a new landing page for a cafe. We’ll also cover how to use multiple pages in one Hatch site. Remix a Hatch template for all sorts of projects, from menus to maps…