Advertise here

Text & String

Blurry Text Reveal on Scroll

July 02, 2024     258     Scroll Effects Text & String
Blurry Text Reveal on Scroll

The “Blurry Text Reveal on Scroll” effect aims to create an engaging animation where text becomes progressively clearer as users scroll down a webpage. 

Read More »

Hover Animations for Terminal-like Typography

June 28, 2024     200     Effects Animation Text & String
Hover Animations for Terminal-like Typography

The article “Hover Animations for Terminal-like Typography” on Codrops showcases fun hover animations inspired by retro VHS-style websites. These animations create a terminal-like effect for lines of text.  

Read More »

Textify.js – Scroll Based Text Reveal Animation Library

May 17, 2023     1881     Scroll Effects Animation Text & String
Textify.js – Scroll Based Text Reveal Animation Library

Textify.js is a simple library that works with scroll-base animations, and user can use any scrolling libraries likes locomotive-scroll, smoothscroll, etc.

Read More »

Shuffling Typography Animation

February 09, 2023     1211     Effects Animation Text & String
Shuffling Typography Animation

A tutorial about creating shuffling type animation with various effects for a geeky terminal look.

Read More »

Draft.js – Rich Text Editor Framework for React

April 15, 2022     1055     Form Elements Text & String
Draft.js – Rich Text Editor Framework for React

Draft.js is a JavaScript rich text editor framework, built for React.

Read More »

MicroDiff – Fast and Tiny Comparison Library

December 10, 2021     598     Text & String
MicroDiff – Fast and Tiny Comparison Library

MicroDiff is a zero dependency, tiny and fast array and object comparison library with full TypeScript support.

Read More »

Typed.js – JavaScript Typing Animation Library

December 09, 2021     1203     Animation Text & String
Typed.js – JavaScript Typing Animation Library

Typed.js is a javascript typing animation library. You can enter any text and set speed as you want.

Fade out, Shuffled, Bulk Typing, Smart Backspace effects are available on demo page.

Read More »

Monaco Editor – Browser Based Code Editor by Microsoft

November 17, 2021     1312     Text & String
Monaco Editor – Browser Based Code Editor by Microsoft

Monaco Editor is the code editor that powers VS Code. It is licensed under the MIT License and supports Edge, Chrome, Firefox, Safari and Opera. 

Read More »

CKEditor 5 – Powerful Rich Text Editor Framework With Modular Architecture

July 31, 2021     1196     Text & String
CKEditor 5 – Powerful Rich Text Editor Framework With Modular Architecture

CKEditor 5 is a powerful rich text editor (WYSIWYG editor) framework with a modular architecture, modern integrations, and features like collaborative editing.

Read More »

Cuttr.js – jQuery Plugin to Truncate Multi-Line Content

September 27, 2020     1368     Text & String
Cuttr.js – jQuery Plugin to Truncate Multi-Line Content

Cuttr.js is a javascript / jQuery plugin that truncates multi-line text content with multiple truncation methods and custom ellipsis.

Read More »

tiptap – Extendable Rich-Text Editor for Vue.js

November 13, 2019     2030     Form Elements Text & String
tiptap – Extendable Rich-Text Editor for Vue.js

tiptap is a renderless and extendable rich-text editor for Vue.js

You can easily add custom nodes as Vue components.

Read More »

Editor.js – Next Generation Block-Styled Editor

April 15, 2019     2233     JSON Text & String
Editor.js – Next Generation Block-Styled Editor

Editor.js is a block-styled editor that outputs clean data in JSON instead of heavy HTML-markup. Editor.js is designed to be API extendable and pluggable.

Read More »

Pampy.js – Pattern Matching for JavaScript

January 24, 2019     617     Text & String
Pampy.js – Pattern Matching for JavaScript

Pampy.js is a tiny, reasonably fast, and often makes your code more readable, and easier to reason about. 

Read More »

jsdiff – JavaScript Text Differencing Implementation

January 20, 2019     1184     Text & String
jsdiff – JavaScript Text Differencing Implementation

jsdiff is a javascript text differencing implementation of the algorithm proposed in "An O(ND) Difference Algorithm and its Variations" (Myers, 1986).

Read More »

Image Reveal Hover Effects

December 02, 2018     1696     Effects Text & String
Image Reveal Hover Effects

A tutorial about creating a set of link hover effects that reveal a thumbnail in different creative ways.

Read More »