Telerik blogs

Get a sneak peek of our latest treat: a new AI theming tool that can bring all your favorite Halloween vibes to life in your UI.

Halloween is usually all about things that are scary—but how about something that’s scary smart? This Halloween, I’m excited to be able to give everyone a sneak peek at something super cool that we’ve been working on: our brand-new, AI theming tool!

Here at Progress, we have an annual internal hackathon where folks from across all our various teams and products group up and challenge themselves to build something fresh and innovative in just a couple days. Like many of you, we’ve also been curious about AI and how it can best be leveraged in meaningful, helpful ways… which is why our hackathon theme this year was AI.

This theming tool started off as a hackathon project—that won in two different categories! After that enthusiastic reception, the team kept working and polishing it up. It’s still an early, beta version—but as you’ll see, it’s got a ton of useful functionality already! Ready to take a look?

SakurAI with no theme

Meet SakurAI, Our AI-powered Smart Theming Tool for KendoUI!

When you first load the page, this is how it looks… but give it a prompt to describe your ideal theme, and watch it update right in front of your eyes, like magic! Let’s start with a simple but seasonally-appropriate prompt and have it make us a creepy Halloween-themed UI.

A gif of SakurAI generating a Halloween theme

Pretty cool, right?? But hey, maybe scary Halloween isn’t your vibe. Let’s give it some other seasonal prompts and see how it does:

Gothic, Dark, Spooky

Maybe you prefer your Halloween to have more of a dramatic, vampires / spiderwebs / abandoned gothic ballrooms kind of energy—we can work with that. This gorgeous dark theme is ready for all your haunted mansion related projects.

SakurAI with a dark, gothic theme

Pumpkin Spice

What if you prefer your Halloween to be bright and fun? This pumpkin spice theme is festive and charming; no spooky vibes required. Anyone else craving pie all of a sudden?

SakurAI with a pumpkin spice theme

Ghost, Witch, Monster

If your userbase consists of ghosts, haints, dybbuks, liches, witches and more, they’ll all feel right at home here. You did want the app to be haunted, right?

SakurAI with a ghostly theme

Cute, Cozy, Autumn, Fall

Are you having more of a hobbit-inspired autumn? Grab a book and a hot drink, and get ready to curl up with this cozy fall UI. Anyone for second breakfast?

SakurAI with a cute, cozy fall theme

The Scariest Theme of All

OK, I saved the worst for last—hope you’re ready for a good old-fashioned jumpscare. I wanted to test our AI theming tool with the scariest thing I could think of, so here it is… the Comic Sans theme. Truly horrifying.

SakurAI with a Comic Sans theme

Try It Yourself!

Ready to give it a shot? Check it out and let us know what you think! Keep in mind, it’s just a sneak preview, so there may be some little bugs… but you wouldn’t be scared of that, right?


- The included demo is intended to provide “art of the possible” guidance. This means that future output may, and likely will, provide different results—even between different users. This article is focused on the concepts and the interplay between Progress Software components and LLM solutions.

- Certain items in this demo may discuss third-party products based on our current understanding of these third-party products. Third-party products in this demo may include words such as “LLM”, “ChatGPT”, “Bard”, “Claude”, “BERT”, “GLLMMs”, “Azure OpenAI” or other words indicating large language models. These statements are based on our current understanding, expectations and beliefs and are subject to a number of trends and uncertainties that could cause actual products to differ materially from those described in the third-party product statements. Reliance should not be placed on any such statements because of their very rapid nature of change, they are subject to known and unknown risks and uncertainties and can be affected by factors that could cause them to differ materially from those expressed or implied in the third-party product statements. We can give no assurance that expectations will be attained or to the fitness of use of specific LLMs. Such third-party product statements speak only as of the date of this article.

- Progress has not approved this functionality for launch. Should this be offered as a production service by Progress, the usage and connectivity will be solely at the customer’s choice, cost, assumed risk and liability. Customer will have to license this technology from the 3rd party, where Progress will carry no liability for customer’s usage. Any future use of this functionality in conjunction with Progress’ commercially available products must be pursuant to a properly licensed Progress product and in accordance with any applicable documentation.

- We expressly disclaim any obligation or undertaking to release publicly any updates or revisions to any third-party statements contained herein to reflect any change in our expectations with regard thereto or change in events, conditions, or circumstances on which any such statement is based. We expressly disclaim any endorsement of any third-party products mentioned in this presentation. Progress disclaims all liability for customer’s decision to utilize artificial intelligence in any capacity, including development and deployment of any content from Progress products or any other product.


About the Author

Kathryn Grayson Nanz

Kathryn Grayson Nanz is a developer advocate at Progress with a passion for React, UI and design and sharing with the community. She started her career as a graphic designer and was told by her Creative Director to never let anyone find out she could code because she’d be stuck doing it forever. She ignored his warning and has never been happier. You can find her writing, blogging, streaming and tweeting about React, design, UI and more. You can find her at @kathryngrayson on Twitter.

Related Posts

Comments

Comments are disabled in preview mode.