textanim.com

Open Textanim (textanim.com), type your text into the input field, then adjust font, size, outline, background, shadow, animation direction, and speed until the preview looks right. When it does, use DOWNLOAD GIF, DOWNLOAD WEBP, or SHARE GIF / GET LINK to export or share the result. The whole workflow runs in the browser, and the tool supports multi-line text at up to 60 characters per line, so it works for titles, quotes, and layered messages rather than just single words.

Before You Start

• Text limit: 60 characters per line. Longer lines need to be split manually.
• Language support: Textanim states it works with almost all languages, including special characters, accents, and right-to-left scripts via Unicode. If a glyph looks wrong in the preview, it will look wrong in the export.
• Fonts: The font list is fixed (Cornerstone, Arial, Verdana, Impact, Bebas, PressStart2P, Creepster, and others). You cannot upload your own font file.
• Output formats: GIF and WebP. The site notes that WebP exports are smaller and load faster than GIF, and that it automatically exports in WebP for optimal performance — so treat WebP as the default choice unless a platform specifically requires GIF.

Step-by-Step: Build the Animation

1. Enter your text

Type into the Your Text field. The counter shows characters used against the 60 limit. For a multi-line title, press Enter to start a new line — each line is counted separately.

2. Set size and font

• Text Size: a numeric value (the default shown is 60). Larger values fill more of the canvas.
• Font Family: pick from the dropdown. Display fonts like Impact, Bebas, Monoton, or PressStart2P give a stronger animated-title look; Arial, Verdana, or Georgia are safer for readability.

3. Style the text

• Background Color and Outline Color pickers.
• Outline Size: a decimal value (default 0.5) — raise it for bold outlines on busy backgrounds, lower it or set near zero for a clean look.
• Shadow: toggle on if the text needs separation from the background.

The About page also mentions hundreds of background patterns in addition to solid colors, which is useful when a plain background makes the animation look flat.

4. Choose direction and speed

Direction options include:

• Bottom right to Top
• Top to Bottom
• Bottom to Top
• Left to Right
• Right to Left
• Top right to Bottom

Animation Speed is a numeric slider (default 50). Lower values slow the scroll, which usually reads better for quotes; higher values suit short social clips.

5. Preview, then export

Watch the live preview. When it matches your intent:

• DOWNLOAD GIF — for platforms or tools that only accept GIF.
• DOWNLOAD WEBP — smaller file, faster loading; the better default for websites and modern social platforms.
• SHARE GIF / GET LINK — produces a shareable link instead of a file.
• SAVE LOCALLY — stores the design in the site's saved list, capped at 10 saved animated texts.

Choosing Between GIF and WebP

Pick GIF only when a destination won't accept WebP. Otherwise WebP gives you the same animation with less weight.

Common Problems and Fixes

• Text gets cut off or wraps oddly: you've hit the 60-character line limit. Shorten the line or split it into two lines.
• Characters render as boxes or blanks: the chosen font lacks those glyphs. Switch to a broadly supported font (Arial, Verdana, Times New Roman) and re-check the preview before exporting.
• Export file is too large for a platform: switch from GIF to WebP, reduce text size, or simplify the background.
• Animation feels too fast or jerky: lower the Animation Speed value and re-export.
• Saved designs disappeared: the saved list holds a maximum of 10 items — download anything you want to keep rather than relying on the site storage.
• Right-to-left text looks reversed: confirm the script renders correctly in the preview first; if it doesn't, try a different font family before exporting.

When This Tool Fits

Textanim is a good fit when you need a quick animated title, quote card, or layered message for social media, a website, or a slide deck, and you're happy working within its fixed font list and 60-character line limit. If you need custom typefaces, longer paragraphs, or video formats beyond GIF/WebP, this generator won't cover it — plan to build the animation elsewhere. For inspiration before starting, the site's Gallery has ready-made templates you can browse for direction and speed combinations.

steam.tools is a set of browser-based utilities for Steam community items. It lets you browse, filter, and sort up-to-date lists of Steam backgrounds and emoticons, check stats on trading card sets, and sort your own community items by market value or type. Use it when you want to explore or compare items; it is a viewing and sorting tool, not a marketplace, and the site does not present itself as a place to log in and trade.

What Each Tool on steam.tools Does

The homepage lists the available tools and a one-line description of each:

For the background, emoticon, and trading card tasks in this guide, the first three tools are the relevant ones. Mosaticon, Games Filter, and Item Value Sorter serve different goals and are covered briefly at the end.

Browsing and Filtering Backgrounds and Emoticons

The Backgrounds and Emoticons tools share the same design: each puts the full up-to-date list on a single page so you can browse it, then narrow it with filters and reorder it with sorting.

1. Open the Backgrounds or Emoticons tool from the steam.tools homepage.
2. Browse the list to see the items and their details.
3. Apply filters to narrow the list to the items you care about — for example, a specific game or item type.
4. Apply sorting to reorder the remaining results so the items you want appear first.

The site describes the filters and sorting as ways to "easily browse, filter and sort" the list, but it does not publish the exact filter fields or sort options. Treat the filter and sort controls in the page itself as the source of truth for which criteria are available, rather than assuming a fixed set.

A practical example: if you want backgrounds tied to one game, filter the Backgrounds list down to that game, then sort the results so you can scan them in a consistent order instead of paging through the entire catalog.

Checking Trading Card Set Stats

The Trading Cards tool focuses on stats for Steam trading card sets rather than on individual card listings. The homepage describes it as "all the stats you could need about Steam trading card sets, kept up to date."

Use it when you want an overview of card sets — for example, to see set-level information before deciding which sets to pursue or compare. Because the site does not document the specific stat fields, check the tool's own display for the exact metrics it reports.

Comparing Item Value with Item Value Sorter

The Item Value Sorter is the tool for evaluating your own community items. According to the site, it loads your Steam Community items and lets you sort them by market value or filter them by type.

Use it when your goal is value comparison rather than browsing a catalog: load your items, then sort by market value to see which items rank highest, or filter by type to isolate backgrounds, emoticons, or other item categories. The site does not state how items are loaded or whether any Steam login is involved, so follow the prompts in the tool itself.

Choosing the Right Tool

If you only want to look at what exists, start with Backgrounds or Emoticons. If you want to evaluate items you already hold, go to Item Value Sorter. If you want set-level card data, use Trading Cards.

What steam.tools Is Not

steam.tools is a browsing and sorting utility built around Steam trading cards, emoticons, and backgrounds. It is not a marketplace: it does not sell items, and the site presents no pricing or payment information. It is also not described as a login destination for your Steam account — the tools are built to view, sort, and filter item lists. For buying, selling, or trading, use Steam's own market and inventory features; use steam.tools to explore and compare before you do.

An animated drawing tool with a line boil effect is a drawing program that makes your strokes wobble or shimmer slightly, frame after frame, instead of sitting perfectly still. The effect mimics the natural jitter of hand-drawn animation, where no two frames trace exactly the same line. Sora's FizzPaint is a browser-based example: it offers a Solo mode for drawing on your own and a Live mode where multiple people draw on the same canvas in real time, and it states that no account is needed.

What the line boil effect actually does

In traditional animation, "boil" (sometimes called "line boil" or "shimmer") is the small, constant movement you see when an artist redraws the same line by hand on every frame. The line never lands in precisely the same place, so it appears to vibrate or breathe. It reads as lively and organic rather than mechanical.

A digital tool with a line boil effect recreates that instability automatically. Instead of you redrawing each frame, the tool perturbs your strokes so they shift slightly over time. The result is a hand-drawn feel without the labor of tracing every frame.

Why animators use it:

• Organic texture — a static digital line can look sterile; boil adds life.
• Consistency with hand-drawn work — if part of your animation is drawn on paper, boil helps digital elements match.
• Stylistic choice — some styles (sketchy, loose, "fizzy") depend on visible line movement.

The trade-off is control: too much boil looks noisy or distracting, so the useful skill is dialing the effect to a level that reads as intentional.

Starting in Solo mode

Solo mode is the single-player path: you draw on your own canvas without needing to coordinate with anyone else. Based on the tool's own description, no account is required to use it.

A practical way to begin:

1. Open the tool in your browser and choose Solo mode.
2. Pick a brush and draw a simple shape — a circle or a short line.
3. Watch the stroke over time. With a boil effect, the line should shift or shimmer rather than stay fixed. This is the core behavior to confirm before you invest time in a drawing.
4. Adjust the effect until the movement feels right for your style. Start subtle; increase only if you want a more agitated look.
5. Add FX to see how effects interact with your strokes. The tool lists "FX" among its features, so treat this as the layer where you experiment with how the boil and other effects combine.
6. Redraw or refine as you would in any drawing app — the boil is applied to your strokes, not a replacement for drawing them.

Expected result: a drawing whose lines carry a slight, continuous wobble rather than a clean vector edge.

Common snag: if the boil is too strong, the drawing can look unstable or hard to read. Reduce the effect before adding more detail.

How Live mode collaboration works

Live mode is the collaborative path. Per the tool's description, everyone draws on the same canvas in real time, and no account is needed.

What that means in practice:

• Shared canvas — you and other participants see and edit the same drawing surface simultaneously.
• Real-time updates — strokes appear for others as they're made, not after a save or refresh.
• No sign-up barrier — because no account is required, joining is a matter of opening the tool and entering Live mode rather than creating a profile.

When Live mode is a good fit:

Practical caution: on a shared canvas, anyone in the session can draw over your work. If you need a clean final image, Solo mode gives you sole control.

Brush and FX basics

The tool lists brush and FX as core features. Treat them as two layers of the same workflow:

• Brush controls the mark you make — the stroke itself.
• FX controls what happens to that mark afterward, including the animated, fizzy quality the tool is named for.

A useful habit: draw a test stroke, apply an effect, and observe how the line behaves over time before committing to a full drawing. Because the defining feature is movement, judging a stroke from a single still frame won't tell you much — you need to watch it.

When to choose a browser-based animated drawing tool

Choose this kind of tool when:

• You want a line boil or hand-drawn wobble without frame-by-frame redrawing.
• You want to draw collaboratively in real time on one canvas.
• You want to start without creating an account, as this tool states is possible.
• You're working in a browser and don't want to install desktop animation software.

Look elsewhere when:

• You need precise, stable vector lines for technical or production work.
• You need frame-by-frame control over every line rather than an automatic effect.
• You need version history or locked layers — a shared real-time canvas is not built for that.

The simplest way to decide is to test one stroke: draw a line, watch whether the boil effect matches the look you're after, then try Live mode if you want others drawing alongside you.

Open source fonts are typefaces released under a license that lets anyone use, study, modify, and redistribute them—including the font files themselves. You can use them in websites, apps, and print without paying a license fee, provided you follow the specific terms of the license (most commonly SIL OFL, Apache 2.0, or GPL). This guide explains the difference between open source, freeware, and public domain fonts, how the major licenses work, where to find and verify them, and the practical steps for embedding and attribution.

Open Source vs. Freeware vs. Public Domain

These three terms are often used interchangeably, but they mean different things:

• Open source fonts come with a license that grants the same freedoms as open source software. The license travels with the font, so derivatives must keep the same terms.
• Freeware fonts are free to download but the license may restrict modification, redistribution, or commercial use. "Free" here means zero cost, not freedom.
• Public domain fonts have no copyright restrictions at all. You can do anything with them, but the original designer gives up attribution rights.

The key practical difference: with open source fonts, you can legally modify the glyphs, rename the font, and ship it inside your product—as long as you comply with the license.

Common Open Font Licenses and What They Allow

SIL Open Font License (OFL)

The most widely used license for open source fonts (e.g., most Google Fonts). It allows:

• Use in commercial and non-commercial projects
• Modification and redistribution
• Embedding in websites, apps, and documents

Requirements:

• The font must not be sold by itself.
• Modified versions must not use the Reserved Font Name (if one is declared).
• Any derivative must also be released under the OFL.

Apache License 2.0

Used by some open fonts (e.g., early versions of Roboto). It allows:

• Commercial use, modification, distribution
• Patent grant from contributors

Requirements:

• You must include a copy of the license and state changes made.
• It does not have the "no selling by itself" restriction, but you still need to keep notices.

GNU General Public License (GPL)

Less common for fonts but used in some projects (e.g., GNU FreeFont). It allows:

• Use, modify, redistribute

Requirements:

• If you distribute a modified version, you must release the source under GPL.
• This can be problematic for embedding in proprietary software, because the copyleft may extend to the whole work depending on how it's linked. Many font projects use GPL with a font exception to clarify.

Rule of thumb: For most web and app projects, SIL OFL is the safest and most permissive choice. Apache 2.0 is also fine if you don't mind including notices. Avoid GPL fonts in closed-source products unless you understand the copyleft implications.

How to Find and Verify Open Source Fonts

Community libraries like Font Library (fontlibrary.org) collect fonts that are explicitly licensed for open use. When you download from such a library, the font page usually states the license.

To verify a font's license:

1. Check the font file itself. Open the font in a font editor (e.g., FontForge) or use a command-line tool like otfinfo or fc-query. The license is often embedded in the name table.
2. Look for a LICENSE or OFL.txt file in the download package.
3. Check the project's website or repository (e.g., GitHub). If the license is not stated, assume it's not open source.
4. Search the font name on a license database like the SPDX license list or the Google Fonts license page.

If you cannot find a clear license, do not use the font in a commercial project. "Free download" does not mean open source.

Practical Use: Websites, Apps, and Print

Embedding in websites

• Self-hosting: Download the font files (WOFF2 is best for web), place them in your project, and use @font-face in CSS. This gives you full control and avoids third-party requests.
• Third-party hosting: Google Fonts and similar services host open fonts and provide a CSS link. Check that the font's license allows this (OFL and Apache do).
• Attribution: OFL does not require attribution in the website's visible text, but you must keep the license file with the font files. Apache 2.0 requires you to include a NOTICE file if one exists.

Example @font-face for an OFL font:

@font-face {
  font-family: 'MyOpenFont';
  src: url('myopenfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

Embedding in apps

• Mobile apps: You can bundle OFL and Apache fonts in your app. For OFL, include the license text in your app's about screen or a licenses file. For Apache, include the license and any NOTICE.
• Desktop apps: Same rules apply. If you modify the font, you must rename it if the original has a Reserved Font Name.

Print

• You can use open source fonts in printed materials (books, posters, packaging) without restriction, as long as you don't sell the font itself.
• If you modify the font for a logo, check the license: OFL allows modification but requires the derivative to be under OFL. That means you cannot claim exclusive copyright on the modified font, but you can use it in a logo.

Common Licensing Mistakes and How to Avoid Them

• Assuming "free" means open source. Many free fonts are freeware with restrictive licenses. Always check the license file.
• Forgetting attribution for Apache fonts. Apache 2.0 requires you to keep copyright notices and state changes. Put them in a licenses file.
• Using GPL fonts in closed-source apps. The copyleft may require you to release your app's source. Use OFL or Apache instead.
• Selling a font you got for free. OFL and many other licenses prohibit selling the font by itself. You can sell a product that uses the font, but not the font files alone.
• Modifying a font with a Reserved Font Name. If the original font has a Reserved Font Name (e.g., "Roboto"), you must rename your modified version. Check the license for the RFN clause.
• Not including the license file when redistributing. Always bundle the original license text with the font files.

By following these guidelines, you can confidently use open source fonts in any project while staying compliant with their licenses.