Apple iMessage in CSS
A apple imessage in css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
Tagged snippets
Snippets tagged “Text formatting”
All indexed snippets that share this tag. Clear the filter to return to the global randomized feed.
Randomized on refresh545 snippets indexed
// site modules
Snippets, tools, JSON, and sample files
Each area is self-contained: browse code here, open converters in the toolbox, shape JSON in JSON Toolkit, or grab fixtures for tests and demos.
- Open search
Snippets
Search and open curated frontend examples—HTML, CSS, JS, and frameworks—with previews and copy-ready source.
- Browse tools
Developer tools
Browser-side formatters, encoders, validators, and small utilities—no server round trip for typical tasks.
- Open JSON Toolkit
JSON Toolkit
Edit, format, validate, query, compare, and convert JSON and CSV in one workspace built for larger payloads and offline use where supported.
- View sample downloads
Sample files
Download small test assets—documents, images, audio, video, and other fixtures—for uploads, parsers, and UI demos.
// main content
Results for tag “text formatting”
Page 1 of 6
Stars ListA stars list built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes
Hello... I guess...A hello... i guess... built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes- Inline Lists with Conditional Separators
A inline lists with conditional separators built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes 
Handwritten Shopping List with Custom markersA handwritten shopping list with custom markers built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes- Hover Effect (3D + text-shadow)
A hover effect (3d + text-shadow) built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
intermediateFeatures
3D Transform, Text-Shadow, Pure CSSResponsive
Yes 
Pure CSS Speech and Thought BubblesA pure css speech and thought bubbles built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
BeginnerFeatures
No images, Pure CSS, Pseudo-elementsResponsive
Yes- Cards Against Developer Vol. 2
A cards against developer vol. 2 built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
CSS Transitions, Dynamic Backgrounds, Fluid Typography/SizingResponsive
Yes 
Simple CSS BannerA simple css banner built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
beginnerResponsive
Yes
Material Business CardA material business card built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerFeatures
Double-sided layout, Geometric background, CSS GridResponsive
Yes
Fancy Title Divider with One ElementA fancy title divider with one element built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
minimal markup, decorative dividerResponsive
Yes- Variable Powered Underline Transition
A variable powered underline transition built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
intermediateFeatures
CSS Variables, Hover AnimationResponsive
Yes 
Ribbon ArticleA ribbon article built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes
Link StylingA link styling built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes
Folded and Rotated RibbonA folded and rotated ribbon built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS clip-path, CSS VariablesFeatures
Folded corners, Rotated effects, Pure CSSResponsive
Yes- Nice List Styles
A nice list styles built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes 
Alternating Speech BubblesA alternating speech bubbles built with modern frontend techniques for responsive and reusable UI.
Features
CSS Pseudo-elements, nth-child styling, Chat UIResponsive
Yes- Full Circle Note Taking
A full circle note taking built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateResponsive
Yes - Stacked Cards Hover Effects
A stacked cards hover effects built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover effects, pseudo-elements, responsive gridResponsive
Yes 
CSS-Only Numbered Lists with Drop ShapesA css-only numbered lists with drop shapes built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
intermediateFeatures
Custom List Markers, CSS ShapesResponsive
Yes
Links with Marginalia NotesA links with marginalia notes built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes- The Magic of Cascading CSS Counters
A the magic of cascading css counters built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS Counters, JavaScriptDifficulty
IntermediateFeatures
Dynamic numbering, Nested counters, Interactive controls 
Animated Font Weight On HoverA animated font weight on hover built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Staggered animation, Font-weight transition, Hover effectResponsive
Yes- Business Card Concept
A business card concept built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover animations, smooth transitions, transform effectsResponsive
Yes 
Chat BubblesA chat bubbles built with modern frontend techniques for responsive and reusable UI.
Difficulty
easyResponsive
Yes
CSS RibbonA css ribbon built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
beginnerResponsive
Yes
Comic Director Splash AnimationA comic director splash animation built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Hardware accelerated, Sequential reveal, Custom easingResponsive
Yes- Signs
A signs built with modern frontend techniques for responsive and reusable UI.
- Exploring Creative Link Hover Effects
A exploring creative link hover effects built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes - Morphing Moonrocks
A morphing moonrocks built with modern frontend techniques for responsive and reusable UI.
Technologies
SCSS, CSS AnimationsDifficulty
IntermediateFeatures
Staggered animation, Scaling effects, Custom list markers - Laser Revealed Title Link
A laser revealed title link built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover-animation, laser-effectResponsive
Yes - Text Underline Hover Effects
A text underline hover effects built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
beginnerResponsive
Yes 
Animated RibbonA animated ribbon built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerResponsive
Yes
Stamp BorderA stamp border built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
decorative-border, vintage-styleResponsive
Yes
Futuristic Card EffectA futuristic card effect built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Glassmorphism, Text Animation, Futuristic UIResponsive
Yes
Responsive Speech Bubbles using CSS Container QueriesA responsive speech bubbles using css container queries built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS Container Queries, CSS Clip-path, FlexboxDifficulty
IntermediateFeatures
Responsive design, Pure CSSResponsive
Yes
A Better OL (Numbered List with Circle Outline)A a better ol (numbered list with circle outline) built with modern frontend techniques for responsive and reusable UI.
Technologies
css, htmlDifficulty
beginnerResponsive
Yes
CSS RibbonA css ribbon built with modern frontend techniques for responsive and reusable UI.
Difficulty
easyResponsive
Yes
Just Another Definition List, Grid, Sass, ResponsiveA just another definition list, grid, sass, responsive built with modern frontend techniques for responsive and reusable UI.
Technologies
Sass, CSS GridResponsive
Yes- Link Effect
A link effect built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
SVG animation, Hover effect, Infinite loopResponsive
Yes 
Star Trek LCARS-Style Ghost ButtonsA star trek lcars-style ghost buttons built with modern frontend techniques for responsive and reusable UI.
Difficulty
easyFeatures
ghost buttons, sci-fi theme, hover animationsResponsive
Yes
Wall of Text: BloggedA wall of text: blogged built with modern frontend techniques for responsive and reusable UI.
Difficulty
AdvancedFeatures
Mouse Tracking, CSS Masking, Dynamic LayoutResponsive
Yes- Underline Animation
A underline animation built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
hover animation, CSS transitionsResponsive
Yes 
Partial Dashed Bottom BorderA partial dashed bottom border built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
BeginnerResponsive
Yes
The Glow RibbonA the glow ribbon built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes- Link Hover Flash
A link hover flash built with modern frontend techniques for responsive and reusable UI.
Technologies
css, htmlDifficulty
beginnerResponsive
Yes 
Reversed and Split ListA reversed and split list built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerResponsive
Yes- Inside
A inside built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerResponsive
Yes 
Speech BubblesA speech bubbles built with modern frontend techniques for responsive and reusable UI.
Difficulty
easyResponsive
Yes
Gradient Underline AnimationA gradient underline animation built with modern frontend techniques for responsive and reusable UI.
Technologies
html, cssDifficulty
beginnerResponsive
Yes
CSS clip-path RibbonsA css clip-path ribbons built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS clip-path, CSS PolygonsDifficulty
intermediateResponsive
Yes
Speech BubbleA speech bubble built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
3D rotation, CSS pseudo-elements, depth effectResponsive
Yes- Link Fill on Hover
A link fill on hover built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
hover effect, background transitionResponsive
Yes 
Multi-line LinkA multi-line link built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes- Responsive Card Hover Effect
A responsive card hover effect built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes 
Nested List StyleA nested list style built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
custom icons, hover effects, nested hierarchyResponsive
Yes- Hello, World
A hello, world built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes 
CSS Only Speech BubbleA css only speech bubble built with modern frontend techniques for responsive and reusable UI.
Technologies
css, htmlDifficulty
beginnerResponsive
Yes
CSS Ordered List with Leading ZeroA css ordered list with leading zero built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
beginnerResponsive
Yes- Jelly Effect in Card on Hover
A jelly effect in card on hover built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Bezier curve animation, Physics-based movement, Interactive hover stateResponsive
Yes - Comic Book Speech Bubbles with SVG
A comic book speech bubbles with svg built with modern frontend techniques for responsive and reusable UI.
Technologies
SVG, CSS, HTMLFeatures
Scalable shapes, Multiple styles, Dynamic sizingResponsive
Yes 
Pure CSS ASCII File TreeA pure css ascii file tree built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
BeginnerBrowser support
Chrome 4+, Edge 12+, Firefox 3.5+, Safari 3.1+Features
No Images, ASCII Art, Automatic Nesting, Pseudo-ElementsResponsive
Yes
Pure CSS Thought BubblesA pure css thought bubbles built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
BeginnerFeatures
No-JS, Pseudo-elements, Box-shadow trailsResponsive
Yes
Animated RibbonA animated ribbon built with modern frontend techniques for responsive and reusable UI.
Technologies
html, cssDifficulty
beginnerResponsive
Yes- Link with Gradient Background
A link with gradient background built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
hover-animation, gradient-fill, pseudo-elementsResponsive
Yes - Nice Content Scroller – Lesson Variant
A nice content scroller – lesson variant built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS @layer, color-mix, light-darkDifficulty
advancedFeatures
custom scrollbars, theme-aware coloring, CSS anchoring, keyboard accessibilityResponsive
Yes 
List StylesA list styles built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
gradient theme, nested hierarchyResponsive
Yes
RibbonsA ribbons built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, SCSSResponsive
Yes
Speech BubblesA speech bubbles built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSResponsive
Yes
3D Flipping CardsA 3d flipping cards built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
IntermediateFeatures
3D Rotation, Hover Animation, Auto-numberingResponsive
Yes- Sale Label
A sale label built with modern frontend techniques for responsive and reusable UI.
Features
Animated, SVG, Marquee - Link Hover Animation
A link hover animation built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
easyResponsive
Yes - CSS Pseudo Commas: Exploring Comma Rules in Nouns and Verbs
A css pseudo commas: exploring comma rules in nouns and verbs built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes 
Pure CSS3 RibbonA pure css3 ribbon built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
beginnerResponsive
Yes
Modal with Scroll and Faded TextA modal with scroll and faded text built with modern frontend techniques for responsive and reusable UI.
Features
scrollable content, gradient fade, custom scrollbarsResponsive
Yes
The Order of OperationsA the order of operations built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
CSS Counters, Sticky Header, Pseudo-element DecorationsResponsive
Yes- Mouse-Out Hover Effect
A mouse-out hover effect built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
BeginnerFeatures
CSS Animations, Pseudo-elementsResponsive
Yes - Fallout 76 CSS Slugger Perk Card
A fallout 76 css slugger perk card built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
beginnerResponsive
Yes 
8-bit Pixel Speech Bubble Text BalloonA 8-bit pixel speech bubble text balloon built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
easyResponsive
Yes- Neat Hover Effects
A neat hover effects built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
beginnerResponsive
Yes 
CSS Circle NotificationsA css circle notifications built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
easyFeatures
Pure CSS, Hover Effects, Keyframe AnimationsResponsive
Yes- Line & Direction
A line & direction built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover animations, ghost buttons, transition-delayResponsive
Yes 
Decorative Ribbon HeadingA decorative ribbon heading built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
IntermediateFeatures
Pseudo-elements, Clip-path, 3D effectResponsive
Yes
Corner RibbonsA corner ribbons built with modern frontend techniques for responsive and reusable UI.
Technologies
html, cssDifficulty
beginnerResponsive
Yes
Olive RibbonA olive ribbon built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateResponsive
Yes- Link Hover Interaction
A link hover interaction built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes 
Link AnimationA link animation built with modern frontend techniques for responsive and reusable UI.
Technologies
html, cssDifficulty
easyResponsive
Yes- Gradient Hover Animated Ghost Button
A gradient hover animated ghost button built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, SVG, HTMLDifficulty
intermediateFeatures
Animated Border, Gradient Stroke, Hover EffectResponsive
Yes 
Half-transparent CurrentColor Link UnderlineA half-transparent currentcolor link underline built with modern frontend techniques for responsive and reusable UI.
Technologies
css, htmlDifficulty
beginnerResponsive
Yes- Underline Animation - Link
A underline animation - link built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes 
Modern Text Decoration with CSS box-decoration-breakA modern text decoration with css box-decoration-break built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
beginnerResponsive
Yes
CSS RibbonA css ribbon built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
beginnerResponsive
Yes
Reversed and Split List with ::beforeA reversed and split list with ::before built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
IntermediateResponsive
Yes
Mail RibbonA mail ribbon built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
CSS Gradients, Pseudo-elementsResponsive
Yes
Speech BubbleA speech bubble built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerResponsive
Yes- Underline Link Effect
A underline link effect built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
beginnerResponsive
Yes 
CSS Speech BubbleA css speech bubble built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
BeginnerFeatures
Pseudo-elements, CSS TransformsResponsive
Yes
Auto Color Palette FormattingA auto color palette formatting built with modern frontend techniques for responsive and reusable UI.
Features
Contrast detection, Dynamic background calculation, Automatic text color switching
Basic CSS Snippets: Double BordersA basic css snippets: double borders built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
beginnerFeatures
Double Border, CSS VariablesResponsive
Yes
Interactive Loose-Leaf Todo ListA interactive loose-leaf todo list built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
contenteditable, css-gradients, paper-simulationResponsive
Yes
Page 1 of 6
// secondary navigation
Browse categories
Jump into HTML, CSS, JavaScript, Bootstrap, Tailwind CSS, and the rest when you want to narrow the view.
Languages
Frameworks
Bootstrap
1,534 snippets · 0 subcategories (112 nested)
/bootstrap-code-examples
OpenTailwind CSS
1,257 snippets · 0 subcategories (122 nested)
/tailwind-css-code-examples
OpenJQuery
1,380 snippets · 0 subcategories (34 nested)
/jquery
OpenReact
4,503 snippets · 0 subcategories (37 nested)
/react
OpenVue
94 snippets · 0 subcategories (7 nested)
/vue
Open