Advertise here

Text & String

Blurry Text Reveal on Scroll

July 02, 2024     33     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     61     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     1760     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     1148     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     1028     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     576     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     1169     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     1269     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     1168     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     1345     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     2000     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     2214     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     616     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     1178     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     1693     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 »