Search Results for "text effects"

CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects.

pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. The project supports common card types (basic, stage, trainer, etc.), and...

...Like Weishi and Tiktok is full of all kinds of wonderful short videos. So how can users visually create video clips on the web easily and quickly? Based on pictures and Text content, dynamic batch generation of short videos is a technical problem. FFCreator is a lightweight and flexible solution that requires few dependencies and low machine configuration to start working quickly. It simulates 90% animation effects of animate.css. You can easily convert the animation effects on the web page side into videos.

A Node.js library that provides animated text effects in the terminal using the Chalk library for styling.

...In addition to keyframing, motionity supports layer masking, filters (color adjustments, blur, chroma-keying), trimming and cutting of video clips, and audio track integration, enabling creation of short animations, intros, social media videos, or animated slideshows directly in a browser without specialized software. It also supports animated text effects (fade, scale, type-writer), and can incorporate vector-based animations or Lottie animations.

...If your ideal slideshow creation workflow contains any of the following steps, just write what's on your mind, do some basic styling, easily collaborate with others, share with and show to everyone, then remark might be perfect for your next slideshow! Focus on the content, expressing yourself in next to plain text not worrying what flashy graphics and disturbing effects to put where. Store it wherever you like; on your computer, hosted from your Dropbox, hosted on Github Pages alongside the stuff you're presenting. Easily collaborate with others, keeping track of changes using your favourite SCM tool, like Git or Mercurial. A Markdown-formatted chunk of text is transformed into individual slides by JavaScript running in the browser.

Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unique effects. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.

VisualSubSync is a subtitle program using audio waveform representation as its cornerstone. SRT and SSA/ASS subtitle formats are supported. It also provides some tools to help improving the quality of your subtitle.

Presto is a JavaScript file which, when added to an ordinary HTML document, turns it into a full-screen slideshow, complete with transition effects and a user interface to jump between slides. A companion script can turn a Markdown text file into a Presto-enabled slideshow, allowing you to create professional-looking slideshows in just a few lines.