ASCII Magic
Open tool

Animated ASCII food and drink

This ASCII food collection is all steam, sizzle and pour: ramen noodles lifted from a steaming bowl, a pizza slice trailing melted cheese, pour-over coffee dripping into a carafe and a burger stacking itself layer by layer. Every dish is hand-coded in text and loops, so it works as a live web element, a GIF or a video.

22 pieces

View use cases
Boiling Pasta PotFood & Drink
Bubble Tea PearlsFood & Drink
Burger Stack BuildFood & Drink
Cake Icing TurntableFood & Drink
Chocolate FountainFood & Drink
Cocktail Shaker PourFood & Drink
Cotton Candy SpinnerFood & Drink
Doughnut Glazing LineFood & Drink
Fruit Bowl Apple RollFood & Drink
Lemonade Stand PourFood & Drink
Melting Ice Cream ConeFood & Drink
Oven Bread RisingFood & Drink
Pancake Stack SyrupFood & Drink
Pizza Cheese PullFood & Drink
Popcorn PotFood & Drink
Pour Over DripFood & Drink
Ramen Noodle LiftFood & Drink
Sizzling Skewer GrillFood & Drink
Soup Ladle ServiceFood & Drink
Sushi Conveyor BeltFood & Drink
Tea Poured From HeightFood & Drink
Waffle Iron OpeningFood & Drink

Where to start

Sweet things get plenty of room too, from Cake Icing Turntable and Chocolate Fountain to Doughnut Glazing Line, Cotton Candy Spinner and Melting Ice Cream Cone. They suit cafes, restaurants, food blogs and delivery apps, on menu screens, in loading states and in seasonal posts, wherever a little motion makes food feel fresh.

Ramen Noodle LiftChopsticks lift a tangle of noodles from a steaming red bowl with egg, pork and nori, cozy and instantly hungry-making.Pizza Cheese PullA cutter rolls through a pepperoni pizza and a slice lifts with long strings of cheese, the perfect pizzeria hero.Pour Over DripA gooseneck kettle spirals water over blooming grounds as coffee drips into a carafe, calm enough for a cafe homepage.Cake Icing TurntableA layer cake turns while pink icing is smoothed and rosettes and berries appear, made for baking posts.Bubble Tea PearlsTapioca pearls travel up a fat pink straw while ice bobs in the cup, a cute loader for drink menus.Burger Stack BuildPatty, cheese, lettuce, tomato and a sesame bun drop onto the stack one by one, a satisfying order-in-progress loop.

ASCII art coffee and drinks for cafes

A coffee shop website or menu board can carry its mood in one loop. Pour Over Drip shows a gooseneck kettle spiraling water over blooming grounds, Tea Poured From Height pours a long amber stream of mint tea into a small glass, and Bubble Tea Pearls sends tapioca pearls up a fat straw. Lemonade Stand Pour and Cocktail Shaker Pour cover summer menus and bars.

For more ASCII art coffee, the Things category has a Coffee Mug at Coffee Mug and an Espresso Machine Pour at Espresso Machine Pour, and the Yawning Coffee Mug mascot at Yawning Coffee Mug makes a cheerful morning greeting. For a screen behind the counter, export a 1080p or 4K video and loop it.

Picking a dish for your menu or restaurant site

Match the piece to what you serve, and place it in the hero or beside the menu section:

  • Pizzeria: Pizza Cheese Pull.
  • Ramen or noodle bar: Ramen Noodle Lift.
  • Sushi restaurant: Sushi Conveyor Belt, with plates gliding past below an indigo curtain.
  • Burger joint or diner: Burger Stack Build.
  • Grill or barbecue: Sizzling Skewer Grill.
  • Bakery: Oven Bread Rising and Doughnut Glazing Line.
  • Brunch spot: Pancake Stack Syrup and Waffle Iron Opening.
  • Pasta and soup kitchens: Boiling Pasta Pot and Soup Ladle Service.
  • Cinema snacks and movie nights: Popcorn Pot.
  • Dessert shops, fairs and parties: Cake Icing Turntable, Chocolate Fountain, Cotton Candy Spinner and Melting Ice Cream Cone.
  • Healthy eating and grocery: Fruit Bowl Apple Roll.

Food animations in delivery and ordering apps

Ordering apps have plenty of waiting: placing an order, confirming payment, the kitchen preparing food. A short food loop makes that wait feel like progress. Burger Stack Build, Oven Bread Rising, Waffle Iron Opening, Soup Ladle Service and Popcorn Pot all loop cleanly and work as loading animations. Show the embed while a request runs and remove it when the response arrives.

Each piece is a few KB, plays only while visible and shows a still frame to users who prefer reduced motion, which keeps it light on phones. Keep a short text status beside it, such as "Placing your order", so the state is clear even when the animation is paused. The guide at ASCII loading spinners and progress bars for websites has the code.

ASCII cake and pizza for food blogs and social posts

Food bloggers can give each recipe a moving header. Cake Icing Turntable is the ASCII cake for baking posts, and for birthdays the Birthday Cake at Birthday Cake adds candles that blow out and relight. Pizza Cheese Pull is the ASCII pizza for weeknight dinner posts and pizzeria promotions, and Pancake Stack Syrup suits a weekend brunch recipe.

Export a square or story-size PNG for social posts, a GIF for a newsletter, or a 1920x1080 video for a recipe video intro. Pause on the best frame before you export a still: the moment the cheese stretches or the syrup runs down the stack makes the strongest image.

Ways to use ASCII food & drink

Step-by-step guides with a live builder and code to copy.

All 18 use cases →
Loader

ASCII loading spinners and progress bars for websites

Lightweight animated ASCII loaders, spinners and progress bars for web pages. One tag to embed, no images to download, honours reduced motion.

Email

ASCII art GIFs for newsletters and email

Export animated ASCII art as a GIF for newsletters and email, where scripts and video do not play.

Social

ASCII art headers for X, LinkedIn and GitHub

Export ASCII art at the exact sizes for an X header, a LinkedIn banner and a GitHub social preview image.

/FAQS

ASCII food & drink: frequently asked questions

Answers about using ASCII food & drink on websites, in READMEs, in terminals and in exports.

Q. What is ASCII food art?
ASCII food art is food and drink drawn with text symbols instead of pixels or photos. The pieces here are animated, so ramen steams, pizza cheese stretches and coffee drips in a loop, and each one can be embedded on a web page, exported as a GIF or video, or played in a terminal.
Q. Where can I find animated ASCII food?
This collection has animated ASCII food and drink, including ramen, pizza, sushi, burgers, pancakes, waffles, bread, soup, cake, doughnuts, ice cream, bubble tea, coffee, tea and cocktails. Every piece is MIT licensed for personal and commercial use, and each has its own page with exports.
Q. Is there an ASCII cake animation?
Yes, Cake Icing Turntable shows a layer cake turning while a spatula smooths pink icing, then cream rosettes and berries appear on top. For a birthday cake with candles that blow out and relight, see the Birthday Cake in the Occasions category at Birthday Cake.
Q. Is there ASCII art coffee for a cafe website?
Yes, Pour Over Drip shows a gooseneck kettle pouring over coffee grounds as coffee drips into a glass carafe, and it suits a cafe hero or menu page. The Things category adds a steaming Coffee Mug and an Espresso Machine Pour if you want a classic cup.
Q. Is there an ASCII pizza I can use?
Yes, Pizza Cheese Pull rolls a cutter through a hot pepperoni pizza, then lifts a slice trailing long strings of melted cheese. Use it on a pizzeria site, an ordering page or a movie night post, and export it as a GIF, a video or a PNG.
Q. Can I show food animations on a cafe or restaurant TV screen?
Yes, export the piece as an MP4 or WebM video at 1920x1080 or 4K and loop it on the screen's media player. Every piece is MIT licensed, so showing it in a shop, cafe or restaurant is fine, and credit is appreciated but not required.
Q. Can I use a food animation as a loading spinner in my app?
Yes, short loops like Burger Stack Build, Oven Bread Rising and Waffle Iron Opening work as loading states in food and delivery apps. Show the ascii-art tag while a request runs and remove it when the content arrives. Each piece is only a few KB.
Q. How do I add an ASCII food animation to my website?
Paste the ascii.js script tag once, then add an ascii-art element with the piece name, such as <ascii-art piece="ramen-noodle-lift"><ASCII library-art>. It plays while on screen and holds a still frame for visitors who prefer reduced motion.
Q. Can I post ASCII food art on social media?
Yes, export a square or story-size PNG, or a square or vertical video for posts that support motion. Pause on the most appetizing frame before exporting a still, such as the moment syrup runs down Pancake Stack Syrup or the cheese stretches in Pizza Cheese Pull.
Q. Is there ASCII art for bubble tea or boba?
Yes, Bubble Tea Pearls shows a tall cup of brown sugar milk tea with tapioca pearls sucked one by one up a fat pink straw while ice bobs and condensation runs down the cup. It suits boba shop sites, drink menus and cute social posts.
Q. Is there ASCII art for a bakery or dessert shop?
Yes, Oven Bread Rising shows a scored loaf rising behind a glowing oven window as a timer counts down, and Doughnut Glazing Line runs plain doughnuts under a curtain of pink glaze. Chocolate Fountain, Cotton Candy Spinner and Melting Ice Cream Cone cover desserts and fairs.
Q. Is there food art for holidays and festivals?
Yes, pair the food pieces with the Occasions category: Birthday Cake for parties, Autumn Harvest for Thanksgiving tables and Christmas Tree for holiday menus. The India category adds Roadside Chai Dawn, Dosa On The Tawa and Pressure Cooker Whistle.

Related categories

All categories