Elegant and captivating text styling
in Framer without code
Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”
So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.
In another moment down went Alice after it, never once considering how in the world she was to get out again.
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.
Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”
So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.
In another moment down went Alice after it, never once considering how in the world she was to get out again.
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.
Actual TextPlus component with example formatting. Fragment of "Alice’s Adventures in Wonderland" by Lewis Carroll.
Advanced mode
Gives you access to ALL units supported by CSS. Use vm, px, %, rem, em, even clamp for extra control.
Advanced mode
Gives you access to ALL units supported by CSS. Use vm, px, %, rem, em, even clamp for extra control.
Advanced mode
Gives you access to ALL units supported by CSS. Use vm, px, %, rem, em, even clamp for extra control.
Ellipsis
Truncates the text at a specified line count and applies ellipsis (dot dot dot), at the clipping point.
Ellipsis
Truncates the text at a specified line count and applies ellipsis (dot dot dot), at the clipping point.
Ellipsis
Truncates the text at a specified line count and applies ellipsis (dot dot dot), at the clipping point.
Justify
Adjusts letter-spacing and word-spacing to make the text fall flush with both, left and right, margins.
Justify
Adjusts letter-spacing and word-spacing to make the text fall flush with both, left and right, margins.
Justify
Adjusts letter-spacing and word-spacing to make the text fall flush with both, left and right, margins.
Initial
Enlarges the first letter of a paragraph to match height of a specified line count.
Initial
Enlarges the first letter of a paragraph to match height of a specified line count.
Initial
Enlarges the first letter of a paragraph to match height of a specified line count.
Decorate and Transform
Controls decorative properties of a text like underline, strikethrough, or how to capitalise it.
Decorate and Transform
Controls decorative properties of a text like underline, strikethrough, or how to capitalise it.
Decorate and Transform
Controls decorative properties of a text like underline, strikethrough, or how to capitalise it.
Updates and Support
The component receives frequent updates with fixes and new features. You welcome to reach out if you need help with integration or would like to suggest a functionality.
Updates and Support
The component receives frequent updates with fixes and new features. You welcome to reach out if you need help with integration or would like to suggest a functionality.
Updates and Support
The component receives frequent updates with fixes and new features. You welcome to reach out if you need help with integration or would like to suggest a functionality.
Update
Plain and rich text
TextPlus supports plain text (with a custom tag), and rich text (formatted text, like a blog posts' content).
Plain and rich text
TextPlus supports plain text (with a custom tag), and rich text (formatted text, like a blog posts' content).
Plain and rich text
TextPlus supports plain text (with a custom tag), and rich text (formatted text, like a blog posts' content).
Font styling
Text passed to the component can be styled (e.g. font, size, alignment, color) to fit the style of your website.
Font styling
Text passed to the component can be styled (e.g. font, size, alignment, color) to fit the style of your website.
Font styling
Text passed to the component can be styled (e.g. font, size, alignment, color) to fit the style of your website.
Editor, preview, live
TextPlus component behaves the same in Framer's editor as it will render in a preview, and live when published.
Editor, preview, live
TextPlus component behaves the same in Framer's editor as it will render in a preview, and live when published.
Editor, preview, live
TextPlus component behaves the same in Framer's editor as it will render in a preview, and live when published.
No Code
TextPlus is a no-code solution. After adding the component to a project, formatting can be set through controls available in Framer's canvas editor.
No Code
TextPlus is a no-code solution. After adding the component to a project, formatting can be set through controls available in Framer's canvas editor.
No Code
TextPlus is a no-code solution. After adding the component to a project, formatting can be set through controls available in Framer's canvas editor.
Breakpoints, variables, components
TextPlus has full breakpoint and variant support. And thanks to its top level variables, it can be nested in your own components.
Breakpoints, variables, components
TextPlus has full breakpoint and variant support. And thanks to its top level variables, it can be nested in your own components.
Breakpoints, variables, components
TextPlus has full breakpoint and variant support. And thanks to its top level variables, it can be nested in your own components.
Quality and Performance
The component is coded with an utmost care for quality and performance. It uses only necessary resources and allows for successful optimisation when published on Framer. 🚀
Quality and Performance
The component is coded with an utmost care for quality and performance. It uses only necessary resources and allows for successful optimisation when published on Framer. 🚀
Quality and Performance
The component is coded with an utmost care for quality and performance. It uses only necessary resources and allows for successful optimisation when published on Framer. 🚀
More are coming
TextPlus is under active development. More text modifications are coming.
You may also need…
Do you need to wrap your image into a gradient or to show a more pleasant time format? Check out these components.
Gradient Border
Gradient Border is a Framer component that allows you to wrap any Framer element into a border with a gradient. It's easy to use (no code) with powerful customisation settings.
TimeScribe
TimeScribe is a Framer component that allows you to present a date or a date time in a relative, easy to read, format.