Ycode Playground is officially open!

Ignas Rubezius
April 22nd, 2021

If you don’t have kids, it’s probably been a while since you’ve last been on a playground. But if you could take a trip down memory lane and think about playgrounds, words like “fun” and “imagination” will come to mind.

Turns out, you’re not too old to play! As of today, a new playground has opened: The Ycode Playground! *throws confetti in the air* 🎉

Ycode Playground is a publicly accessible version of Ycode where you can play around with all of our features without having to sign up for an account. Just open the playground in your browser and get ready to build and explore.

In this article, we’ll take you on a virtual tour and explain the vision behind this playground.

Open the Ycode Playground

Why we launched Ycode Playground

Before investing in a new car, you probably test drive it first. It’s much easier to say yes and drop your hard-earned cash when you get behind the wheel and realize: “Yes, this has everything I need in a car!”

We want you to feel like that about Ycode. But before you can confidently say it’s a match, you need to take it for a spin! 

Up until today, you had to sign up to get access to Ycode. With our playground, all you need to do to start building is open the URL in your browser.

Before we tell you more, let us first explain why we built the playground.

After we launched Ycode Beta on January 31st, lots of people signed up for an account. Over 700+ Beta apps were created! Though we gave everyone a heads up to not build production-ready apps just yet, we were excited about people building and styling elements!

Amazing Ycode projects were created (like to-do list apps and beautiful websites), but the majority of the projects were blank. Most people had only signed up to get a first look and see whether Ycode could bring their project ideas to life. This observation sparked a new idea!

With a public Ycode Playground, we wanted to:

  • Make it easier for people to test Ycode, without the hassle of signing up

  • Show why Ycode rocks by presenting features and showing off our sleek UI

  • Offer instructions and tips to learn how to use Ycode quickly

  • Encourage people to build through small exercises

A tour of the Ycode Playground

Upon entering the playground, you’ll be greeted with a finished project instead of a blank page. This will help you to navigate Ycode more easily.

In the Ycode Playground, you can:

  • Read the text to learn more about Ycode's dashboard and features

  • Click on different elements in the Canvas or Layers sidebar to see how this template is built

  • Complete three quick Ycode exercises

  • Get crafty and delete, add and adjust elements

In the video below, your host Marcin (he says hi, nice to meet you!) walks you through all the different Ycode sections and features. 

Time to play!

Some no-coders might enter the playground knowing exactly what they want to build or which features to test for their future project. Others are in discovery mode and not entirely sure what to start with. For those people, we’ve prepared three different small exercises.

Take me to the Ycode Playground

Exercise 1. Inserting blocks

It’s the basis of any no-code project: understanding the hierarchy of elements and knowing how to insert blocks. That’s why for your first exercise, we’ll experiment with inserting blocks and changing their order.

Learn more about structuring pages in the Ycode documentation. In the video above, Marcin explains this exercise from minute 4:14 onwards.

Screenshot of a no-code exercise in the Ycode Playground

Exercise 2. Applying styles

Once you know how to structure elements, it’s good to know how to edit and style them. This is all done using the Design tab settings on the right-hand side of your canvas. To speed up your work, you can apply layer styles and then reuse them for other elements. In the second exercise, you’ll learn how to set and apply global styles.

Read about all settings in the Design tab in the Ycode documentation. In the playground tutorial video, Marcin starts explaining this exercise at minute 4:48.

Screenshot of a no-code exercise in the Ycode Playground

Exercise 3. Using dynamic data

If you’re not sure what dynamic data is, we wrote a blog article that explains it in detail. In short, dynamic content helps you to build faster and more efficiently and lets you scale projects more easily. In exercise three, we’ll practice the basics of making elements dynamic.

We also dedicated a chapter in our documentation to dynamic content. Marcin will go through this exercise in the video above, starting at minute 5:17.

Screenshot of a no-code exercise in the Ycode Playground

Enjoy the Ycode Playground! 🙌

Ignas Rubezius

I'm the founder of Ycode and CEO at The Remote Company, where we build outstanding digital products. My interests include startups, design, art, coffee and CrossFit. Follow me on Twitter @ignasr.

Get your no-code fix

Join our monthly email with no-code insights and Ycode updates.
2019 - 2021 © Ycode. All rights reserved.
Terms & Policies