12 cool AI-powered WordPress blocks made with Telex

12 cool AI-powered WordPress blocks made with Telex

Did you know you can create custom WordPress blocks with AI just by describing what you want in plain language?

Of Telexa free, browser-based tool from Automattic, you can type your idea for a block and watch it come to life right in your browser.

You can then interact with the block, refine it with additional instructions, and download it as a plugin for use on your own WordPress site.

To show you what’s possible, this article lists 12 cool WordPress blocks created with Telex. They’re all accessible via a shared link, so you can explore, remix, and add them to your site.

1. Minesweeper

The Minesweeper is an interactive AI-generated WordPress block that lets you play the classic Minesweeper game on your site.

You can interact with it directly in the post editor or after publishing, whether on a post, page or other block area.

Block settings allow you to adjust the rows, columns and number of mines in the grid.

The puzzle resets automatically with each page load or refresh, and can be added anywhere blocks are supported.

How to use it on your WordPress site

The Minesweeper block adds a fun, interactive touch to your site and will keep visitors coming back for more.

You can publish it on any post or page to engage your audience – or just drop it into the editor and enjoy a quick round when you need a break from writing.

2. Rainbow confetti

Telex-Blocks-Rainbow-Confetti

The rainbow confetti block adds a button to your site that displays a fun, colorful animation that covers the entire site.

The settings allow you to control the size of the confetti and the speed at which it falls.

You can also switch between random and steady movement styles.

How to use it on your WordPress site

The interactive Rainbow Confetti block adds a fun, eye-catching touch to your site. It is fully responsive and works seamlessly on all devices.

You can add it to individual posts and pages or even include it in your header template so it’s always available.

For example, place it at the end of long articles or tutorials so that visitors get a playful visual reward when they reach the finish line.

Since these blocks are easy to edit, feel free to remix them. Adjust the shape, colors or animation of the confetti to suit your style.

3. Personality quiz

Telex-Blocks-Personality-Quiz

The personality quiz Block lets you add an engaging personality quiz to your WordPress site.

Create your own questions and answers that assign a personality type or character to your visitors.

Some of the quizzes you can take include “Which Superhero Are You,” “What’s Your Spirit Animal,” and “Which TV Show Character Are You?”

You create the cast of characters or personalities and then enter a series of questions and answers. Each question has multiple answers and each answer refers to one of the characters or personality types.

The results are beautifully presented and easy to share on social media. Users can retake the quiz at the touch of a button.

How to use it on your WordPress site

The Personality Quiz Block is a great addition to fan sites, entertainment and sports blogs, and any site where characters and personalities are relevant.

This Telex block is perfect if you’re looking for an easy way to add fun, shareable and engaging interactive content to your site.

4. Accordion block

The accordion The Telex block allows you to add folding accordion panels to your content.

These accordions are perfect for FAQs and other question-and-answer-style content.

If necessary, multiple accordions can be added to one pole. Each accordion can have as many panels as needed, and you can add content to the panels through the WordPress editor.

You can also adjust the colors, font sizes, and border styles of the accordions through the block settings.

How to use it on your WordPress site

The blocker works well for any scenario where you want to let visitors control how and when content is displayed, preventing them from being overwhelmed by exposure to too much information and preventing them from taking up too much space on a page.

For example, you can use it to create an FAQ or to hide spoilers until visitors choose to see them.

5. Scratcher

Telex block scraper

The scraper With a Telex block you can hide text behind a scratchable coating. It supports mouse and touch scratching.

The size of the scratch area, the color of the coating and the brush size and shape can be adjusted. You can also change the percentage of coating that must be removed before the contents become visible.

How to use it on your WordPress site

Add an interactive twist to your site with this scratch pad. It’s perfect for hiding content like spoilers, special offers or quiz answers.

6. Pokémon Fun Facts

Telex-Blocks-Pokemon-Fun-Fact

Pokémon fun facts block adds a button to your site that displays a fun fact about a random Pokémon when clicked.

The block retrieves a Pokémon’s name, sprite (the small character image), and Pokédex entry (the short descriptive text displayed in the in-game Pokédex) from the PokéAPI every time someone presses the button.

You can use it right away; no API key is required.

How to use it on your WordPress site

If your audience wants quick access to random Pokémon facts, this block is for you.

The Pokémon Fun Facts block can be a playful addition to your content or the main highlight of your site. Add it wherever you want for some extra fun.

7. One more bite

Telex-Blocks-Recipe-One-more-bite

Another bite Block makes it easy to publish recipes to your WordPress site.

It adds a form to the editor with fields covering all the essentials for publishing recipes.

Published recipes include Structured data from Google Recipe for improved search visibility and display of rich snippets in search results.

The recipes are all beautifully presented and easy to read.

How to use it on your WordPress site

The One More Bite block is perfect for food blogs and anyone who occasionally shares recipes on their site.

8. Space points

Telex-Blocks-Space-Dots

The space points block adds floating elements to your site that respond to cursor movements, mouse clicks, and touch screen taps.

The block settings allow you to determine the number of points, the height of the block and the speed of the points.

How to use it on your WordPress site

You can add this block anywhere on your site: in posts, pages, or template components.

It serves both as a subtle decorative element and as a fun, interactive way for visitors to relieve stress.

9. Weather forecaster

Telex-Blokken-Weatherforecast

The weather forecaster block retrieves and displays a five-day NOAA weather forecast based on a US zip code entered by the user.

It retrieves the forecast using free APIs (Zippopotam.us And weather.gov).

The block then presents the weather information in an accessible, mobile-friendly layout. Visitors can see a day and night forecast for today and the next four days.

How to use it on your WordPress site

Any website with services or activities that are affected by the weather can benefit from adding this weather forecast block.

For example, sites for local attractions, outdoor events, or travel experiences can use a five-day forecast to help visitors plan their visits or make informed booking decisions.

10. Scroll indicator

Telex blocks scroll indicator

The scroll indicator block adds a small animation that invites visitors to scroll down.

When clicked or tapped, the page automatically moves, giving you an easy, interactive way to explore your site.

The block’s animated icon has a smooth bounce effect to gently grab your visitors’ attention without being too distracting.

You can change the color, size and text of the icon and set the block to be hidden when a user starts scrolling.

How to use it on your WordPress site

Add this animated indicator to longer pieces of content to give readers a different way to navigate your site.

11. Job

Telex-Blocks-Orbit

The Orbit block you can add animated, circular text to your site.

Add it to a post, enter your text in the block settings sidebar, and watch it spin around the circle.

You can adjust the rotation speed and determine the distance between the start and end of the text loop.

How to use it on your WordPress site

The Orbit block is ideal for highlighting important pieces of text in an article or adding animated headlines to your posts.

12. Chaos rolled

Telex-blocks-dice-chaos-rolled

Chaos rolled block adds an animated dice roll to your WordPress site.

Visitors can click on the dice to generate a random result with a smooth animation that provides visual feedback.

The block settings sidebar lets you choose from a range of dice types, from D4 to D20. You can also add multiple dice to simulate higher rolls, for example two D10 dice to create a D100 roll.

How to use it on your WordPress site

Any website that would benefit from random number generation could use this block.

For example, an educational site can make lessons more engaging by generating random numbers for math problems or selecting tasks.

How to get started with Telex

How to get started with Telex

Creating your first block with Telex is as simple as visiting the website and entering a description.

Follow these steps to get started:

  1. Come up with an idea: Your block can serve a practical purpose or simply add a fun, creative touch to your site.
  2. Go to the Telex website: Sign in with your WordPress.com account or create a new account.
  3. Enter your prompt: Describe the block using natural language. Simple prompts work well, but adding more context can help Telex achieve better results. You can easily modify the generated block by providing additional instructions.
  4. Click on “Build:” Telex generates a work block in the browser.
  5. Repeat and refine: Try out the block and use follow-up prompts to adjust it.
  6. Download or share: If you are satisfied with the result, click “Download” to get the zip file of the plugin that you can install on your WordPress site or choose “Part‘ to copy a sample link that you can use to show others what you’ve created.

You can return to the blocks you created at any time.

Blocks are automatically saved to your WordPress.com account and can be accessed via the Telex page if you need to make changes.

For more information, check out this post on how to create AI-generated WordPress blocks with Telex.

Try Telex yourself

Ready to build your first AI-generated WordPress block?

Creating custom blocks is faster and easier than ever with Telex.

Whether you want to bring a brand new idea to life or remix one of the blocks on display, Telex makes block making fun and easy.

Visit Telex to get started, then share your creations or feedback. We would like to see what you build.

#cool #AIpowered #WordPress #blocks #Telex

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *