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…
Tag: interactive webpage

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…

Making custom interactions in Hatch
To help you make custom interactions in Hatch, we are walking through our Interactions 101 project, built specifically for non-coders. The interactions are implemented through JavaScript but don’t worry! You don’t need any coding knowledge to use these. We’ll just copy their functionality and use them to build our own interactive Hatch page. Open up…

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 customize an embedded Google Form
Google Forms are a helpful tool to gather data for event RSVPs, quizzes, sign ups and much more. In this tutorial, we’ll show you how to customize and style an embedded Google Form in your Hatch page. If you want to start from scratch, you can follow the directions immediately below. Alternatively, to get a…

Webpage programmability: an introduction
Webpage programmability: an introduction

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…

How to remix a Hatch webpage: from storybook to outer space
In this tutorial we’ll remix a Hatch webpage to get a quick start on webpage functionality. We can use the remix function to check out how an existing Hatch webpage works. Then we can change the elements that make up the page to create our own unique site. This is the site we’ll be remixing….