116 Components & Libraries
Vuejs text Libraries
Image to Text is a web tool to extract text from any image using OCR
Image to Text OCR Image to Text OCR is a utility website made by Alejandro Akbal for extracting text from any image using OCR. This tool was made for
Vue.js text editor for writer
fospublisher-vue-text-editor 1. Introduction Vue.js text editor for writer Various features such as export to PDF, pagination, insert image, insert li
Nexus, a cross-platform blazingly fast code/text editor with Syntax Highlighting
Nexus - The code/text editor of the future Nexus, a cross-platform blazingly fast code/text editor with Syntax Highlighting Installation Installing Ne
This is my project in building a simple tool to extract text from an image.
Extract Text About this is my project in building a simple tool to extract text from an image. I am implementing a Tesseract JS library in my project.
Goldfish.Social clone but with text, image & video posts.
Goldfish Social Meow there! Welcome to the Goldfish Social repo, this project is intended as a free open source alternative to (former) Vine and (curr
Resize the font-size in rem units so that the text fits into the html element.
v-fit2box directive for Vue3 Resize the font-size in rem units so that the text fits into the html element. In other words the font size is smaller fo
Zeurus, a cross-platform blazingly fast code/text editor with Syntax Highlighting 💫 🌀
Zeurus, a cross-platform blazingly fast code/text editor with Syntax Highlighting
📄 Vue3 component which allows you to ellipsis your multiline text
Vue3 Text-Clamp Vue3 component which allows you to ellipsis your multiline text, see more 👉 homepage. Features Clamps text with max lines and/or max
Vue2Editor - An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js
An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js View Docs 📖 Release Notes Install You can
A vue component which displays text in typing/writing style
vue-autowrite Purpose This is a vue component which displays text in typing/writing style.
A text loading component for Vue.js. Uses SVG and javascript to animate a text loading with a gradient.
A text loading component for Vue.js. Uses SVG and javascript to animate a text loading with a gradient.
Zeurus, a cross-platform blazingly fast code/text editor with Syntax Highlighting 💫 🌀
Zeurus Zeurus, a cross-platform blazingly fast code/text editor with Syntax Highlighting Installation Installing Zeurus is very straight forward. Curr
A Directus v9 Interface for generating a human-readable ID for a text or string field in a collection
Directus Extension: dwaring87-interface-human-readable-id A Directus v9 Interface for generating a human-readable ID for a text or string field in a c
The component to animate your text letter by letter.
The component to animate your text letter by letter. You can bind different classes to each letter using css selectors.
This project contains the main feature that can demonstrate the typing effect, using different HTML tags.
This project contains the main feature that can demonstrate the typing effect, using different HTML tags. It was inspired when I was creating my own project and need writing animation, but the components that I found, it is creating spans and I need to manage the text as a label, so my word doesn't seem cut in half.
Vue component to display ephemeral text and a countdown progress bar.
Vue component to display ephemeral text and a countdown progress bar.
Markwhen is a text-to-timeline tool. You write markdown-ish text and it gets converted into a nice looking cascading timeline.
Make a cascading timeline from markdown-like text. Supports simple American/European date styles, ISO8601, images, links, locations, and more.
Set of vue directives to add text restriction to your vue input
Vue-Input-Restriction-Directives Set of useful vue directives to add text restriction to your input No keyboard key validation, just regular expressio
Example of drag-n-drop snippets in Tiptap
Example of drag-n-drop snippets in Tiptap
Contentful - Vue 3 compatible package for outputting a Contentful Rich Text Field
Contentful is a modern content management solution, designed as a framework to serve content in a presentation-independant way.
A component for using CodeMirror6 with Vue
vue-codemirror6 A component for using CodeMirror6 with Vue. Unrelated to surmon-china's vue-codemirror, it is for CodeMirror6. If you are using Vue2,
Lexical components and composables for Vue applications.
lexical-vue Note: Lexical is currently in early development and APIs and packages are likely to change quite often. Lexical components and composables
🚀 Awesome and extendable rich text editor component for Vuetify projects using tiptap
vuetify-tiptap 🚀 Awesome and extendable rich text editor component for Vuetify projects using tiptap View Demo · Usage · Installation · API · License
Customizable and Editable text field for Vue.
vue-customizable-editable-text description This component provides simple editable text. Click (or double-click) to make the text editable, and press
An autocomplete system designed to support virtually any text editor and UI framework with minimal effort.
An autocomplete system designed to support virtually any text editor and UI framework with minimal effort.
Datalist with native suggestions for text input fields.
Native Suggestions Datalist with native suggestions for text input fields. You can customize native autocomplete suggestions with your own values. For
Vuejs-Flask-Text-Parser-and-highlighter - Text parser and highlighter built in Vuejs and Flask using the spacy python library
Text parser and highlighter built in Vuejs and Flask using the spacy python libr
The vuetify-mask-br was born to format v-text-field into several br masks
The vuetify-mask-br was born to format v-text-field into several br masks. But you can use it in any another component, the directives changes v-model by manipulate vnode.context. If want use this approach, fell free to apply in custom directives.
AsTeRICS-Grid - Simple to use, offline web communication grid (AAC), integrated with AsTeRICS
AsTeRICS Grid App for creating a flexible grid system that can be used for Augmentative and Alternative Communication (AAC), for Smart Home control an
A GUI annotation tool for fine-grained image-text pair dataset.
Dataset-annotation-tool Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm ru
Play the original Colossal Cave text adventure game in your browser! You can also use voice commands and text-to-speech.
Colossal Cave Adventure Play the original Colossal Cave text adventure game in your browser! You can also use voice commands and text-to-speech. Speci
A frontend for text/non-text image crawler & classifier service. Part of software course project.
image-classifier-frontend Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm
💬 A cyberpunk placeholder text generator.
gibson ipsum A cyberpunk placeholder text generator. Generate placeholder text based on the works of William Gibson — specifically, Neuromancer. Inclu
A modern WYSIWYG rich-text editor built on top of tiptap and Quasar for Vue.js.
quasar-tiptap A modern WYSIWYG rich-text editor built on top of tiptap and Quasar Framework for Vue.js. Examples & Demos Examples Live Demo Code Sandb
Vue library for rich text using placeholders
Vue component for rich content strings This library provides a simple vue component to render text with rich placeholder replacements. The parameters
Auxiliary text display(like `el-tooltip`)
v-title Auxiliary text display(like el-tooltip).
WordCounter: a tool for counting the lenght of any text
WordCounter WordCounter is a tool for counting the lenght of any text. That's really useful, in example, for posting at social networks that force you
Vue directive plugin for text truncate
V-clamp 💬 Vue directive plugin for text truncate. Plugin cuts too long text and replace it with ellipsis. How to use Installation Install package in
Simple, quick custom directive for handling currency format inside text inputs.
Vue-currency-directive Simple, quick custom directive for handling currency format inside text inputs. Compatible with Vue 2.x Demo/Playground Install
Selects the text contents of inputs, textareas, and contenteditable elements on focus
vue-select-on-focus Selects the text contents of inputs, textareas, and contenteditable elements on focus. Install $ npm install --save vue-select-on-
An easy to use link and text hover effect library for VueJS
vue-good-links An easy to use link/text hover effect library for VueJS Live Demo vue-good-links Demo If you endup using and liking vue-good-links, con
Vue 2.x component plugin for picking time in `HH:MM` using text input.
Vue2 Clock Picker A simple clock picker component for vue v2.x. Installation $ npm install @pencilpix/vue2-clock-picker --save or $ yarn add @pencilp
A minimalistic text editor inspired by Medium.com and Telegra.ph.
vue-minrich-editor A minimalistic text editor inspired by Medium.com and Telegra.ph. Mobile support Image drag'n'drop and paste support Automatic YouT
☀️ A easy-to-use text complete component made with Vue.js.
A easy-to-use text complete component made with Vue.js. V - Textcomplete Here is documents Installation npm install v-textcomplete --save Or yarn add
Create png text Canvas Built With NuxtJs
Create png text Canvas NuxtJs Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for p
VueJS text editor with Google Drive integration
Disclaimer This project is deprecated beyond repair. Google no longer supports these Google Drive APIs. You may read the code, maybe it will help you
📋 Vue2.0 directive to copy or cut text to clipboard.
vue-clipboards 📋 Vue2.0 directive to copy or cut text to clipboard. DEMO: https://zhuowenli.github.io/vue-clipboards/ Install $ npm install vue-clipb
Input alphabetic characters into a text box and add the letters together based on their place in the alphabet (a = 1, b = 2, etc.) and display if sum is prime
Input alphabetic characters into a text box and add the letters together based on their place in the alphabet (a = 1, b = 2, etc.) and display if sum is prime. This project was completed as the technical challenge for a job interview.
A text image generator written in vue
textrator Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints
NoteHub is an online note sharing platform where users can edit notes with a versatile rich-text editor in a real-time collaborative environment.
NoteHub is an online note sharing platform where users can edit notes with a versatile rich-text editor in a real-time collaborative environment. NoteHub also provides notes sharing features between individuals or communities, and even more advanced features such as AI assistance, including content summarization, Q&A, voice to text transcription, and handwritten text recognition.
Runtime markdown processor with support for injecting your custom Vue components into your markdown text.
vue-components-markdown Not tested with Vue3 yet What is vue-components-markdown? vue-components-markdown is a runtime markdown processor with support
Text and textarea fields with a character counter for Laravel Nova.
Nova Charcounter Fields Text and textarea fields with a character counter for Laravel Nova. Installation You can require this package using composer:
A markdown project to preview in real time when user write notes in markdown
markdown-project The notebook app will allow the user to write notes in markdown The markdown will be previewed in real time The users will be able to
Text based social media app
texton Only text social media app. Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for
Better Vue.js completions for sublime text with syntax highlighting.
VueJS Code completion for sublime This package is a complete set of snippets and vue syntax highlighting and is under development version number is 0.
A Simple vue-directive for the text middle ellipsis.
Vue Text Middle Ellipsis A Simple vue-directive for the text middle ellipsis. Install npm install vue-text-middle-ellipsis --save # or yarn add vue-te
A simple vue 3 plugin to copy text to clipboard
Vue Copy To Clipboard A simple vue 3 plugin to copy text to clipboard. This plugin is compatible with browsers that can execute Clipboard API and brow
This Laravel Nova package adds an inline text field to Nova's arsenal of fields.
Nova Inline Text Field This Laravel Nova package adds an inline text field to Nova's arsenal of fields. Requirements php: =7.2 laravel/nova: ^3.0 Fea
a input component that can create tags for the result display
vue-input-text-to-tags A input component that can create tags for the result display install npm install vue-input-text-to-tags --save how to use tem
A beautiful input made with Vue JS
vue-input-ui A beautiful input made with Vue JS Demo Enjoy Installation Using yarn yarn add vue-input-ui Using npm npm i --save vue-input-ui Usage ES6
A plugin that provides utilities for visually truncating text after a fixed number of lines.
@tailwindcss/line-clamp A plugin that provides utilities for visually truncating text after a fixed number of lines. Installation Install the plugin f
Laravel Nova Text Editor with text templates, text blocks and dynamic variable
Laravel Nova Text Editor with text templates, text blocks and dynamic variable Installation You can install the package via composer: composer require
A Vue component that simplifies the way text is translated: by translating it inline.
@alidrus/vue-simple-inline-translation A Vue component that simplifies the way text is translated: by translating it inline. Motivation From my observ
[CSS GPU Animation] Marquee Text for vuejs
vue-marquee-text-component [CSS GPU Animation] Marquee Text for vuejs Demo Demo here Install Vue 3 (master) | Vue 2 (v1) npm install vue-marquee-text-
React component to highlight words within a larger body of text
React component to highlight words within a larger body of text. Check out a demo here. Usage To use it, just provide it with an array of search terms
The headless editor framework for web artisans.
tiptap 2 A headless, framework-agnostic and extendable rich text editor, based on ProseMirror. If you’re looking for tiptap 1, click here. Examples Ha
A rich text editor as a Vue component, with image and auto-save support
Vue Trix Rich Text Editor A Vue wrapper around the Trix rich-text editor, with support for images and auto-save. Note: No true two-one binding. While
A full-fledged rich-text editor for Vue.js
A vue rich editor component
Open-source Voice & Video Calling and Text Chat App for Vue (JavaScript/Web)
Open-source Voice & Video Calling and Text Chat App for Vue (JavaScript/Web)
A medium like text editor for vue js WYSIWYG
A medium like text editor for vue js WYSIWYG
NoteHub is an online note sharing platform where users can edit notes with a versatile rich-text editor in a real-time collaborative environment
NoteHub is an online note sharing platform where users can edit notes with a versatile rich-text editor in a real-time collaborative environment. NoteHub also provides notes sharing features between individuals or communities, and even more advanced features such as AI assistance, including content summarization, Q&A, voice to text transcription, and handwritten text recognition.
Replace a recurring word in your text with a simple click ⚡ !
Word ♻️ Replacer Replace a recurring word in your text with a simple click ⚡ ! Made using : Demo : Build Setup # install dependencies $ npm install #
Stupid speech-to-text chat application
misheard A stupid chat application that uses speech-to-text to recognize the text. You have only one chance to say each message, and it will send it t
A custom button for Bard in Statamic 3 to allow a span with a class to be added to selected text. In this instance, Les Mills group fitness class types.
This is an example Bard addon for Statamic 3 that adds a span with a class to selected content. In this example, you can select from a number of Les Mills group fitness classes.
A pattern-placeholder for Vue that changes based on input text.
This plugin provides a placeholder component for Vue.js. It uses canvas to render patterns from input string like URL.
🎰 Scroll-in text component for Vue
Scroll-in text component for Vue 'vue-scrollin' is a Vue component that scrolls through various characters on mount before revealing the correct text.
[CSS GPU Animation] Marquee Text for vuejs
vue-marquee-text-component [CSS GPU Animation] Marquee Text for vuejs Demo Demo here Install npm install vue-marquee-text-component or yarn add vue-ma
Vue.js directive that clamps the content of a text element if it exceeds specified number of lines.
Vue.js directive that clamps the content of a text element if it exceeds the specified number of lines. Supports Vue.js 2 as well as Vue.js 3.
Vue text glitch component
Vue text glitch Vue text glitch component. Check out the demo Getting started Pull in the package: yarn add vue-text-glitch Import the component: impo
👻 Vue.js component to apply glitch effect in any kind of text
vue-glitch 👻 Vue.js component to apply glitch effect in any kind of text Install $ npm i -S vue-glitch # or $ yarn add vue-glitch Global Registrati
Lorem ipsum text generator component for vue.js
Lorem ipsum text generator for vue.js Demo See DEMO here Installation Run npm install vue-lorem-ipsum --save Usage Add in the component import LoremIp
A lightweight, glitched, text writing module.
A lightweight, glitched, text writing module. Highly customizable settings. Decoding, decrypting, scrambling, and simply spelling out text.
A renderless rich-text editor for Vue.js
A renderless and extendable rich-text editor for Vue.js
Free and open source text-to-speech software
Electron + vue + ElementUI + js开发的文字转语音软件 使用帮助: 采用阿里云语音合成引擎 官网地址:https://ai.aliyun.com/nls/tts 一、设置应用秘钥 1.找到路径:src\views\Convert\api\alibaba.js 2.修改代码
Easily share text and files between devices. Local P2P.
Clip Beam lets you transfer your data easily between two devices on the same network. Just connect the devices by scanning a QR code and start sharing.
💡 Sublime Text syntax highlighting for single-file Vue components
Vue Syntax Highlight Note: The master branch hosts the tmLanguage based implementation that is distributed to Sublime Text build 3153. It is also us
Placeholder Images and Lorem Ipsum Dummy Text for Vue.js projects
vue-dummy Placeholder Images and Dummy Text for Vue.js vue-dummy is a wrapper around the https://dummyjs.com/ library to expose placeholder Images and
↔ Vue component that scales its child node in relation to its parent node's width
vue-responsive-text Vue component that scales its child node in relation to its parent node's width Installation Install the package from npm by runni
The same features you expect from `input type="text"` but in a `contenteditable` Vue component
vue-input-contenteditable Make beautiful inputs without the restrictions of input[type='text']. A Vue component wrapper for contenteditable with all t
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue.js
Element Tiptap Editor A WYSIWYG rich-text editor using tiptap and Element UI for Vue.js that's easy to use, friendly to developers, fully extensible a
A renderless rich-text editor for Vue.js
We’re working on tiptap 2. Become a sponsor to get access immediately! Sponsor 💖 tiptap A renderless and extendable rich-text editor for Vue.js [FAQ]
Trix text editor component for Vue.js
Vue-Trix Text Editor Simple and lightweight Trix rich-text editor Vue.js component for writing daily Table of Contents Vue-Trix Text Editor Table of C
A vue component to highlight text as you're typing
Vue Highlightable Input Highlight and style specific words as you're typing. Try it yourself Install npm install vue-highlightable-input --save Usage
⌨️ @codemirror component for @vuejs
vue-codemirror CodeMirror component for Vue. 基于 CodeMirror,适用于 Vue 的 Web 代码编辑器。 Example Demo Page CDN Example Nuxt.js/SSR example code Events To make
A text editor using Vue.js and Quill
Vue2Editor An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js View Docs 📖 Release Notes Install You can
Vue.js component for Trumbowyg WYSIWYG editor :memo:
Vue Trumbowyg Vue.js component for Trumbowyg WYSIWYG editor Demo or JSFiddle Version matrix Vue.js version Package version Branch 2.x 3.x 3.x 3.x 4.x
Vue component for Froala WYSIWYG HTML Rich Text Editor.
Vue JS Froala WYSIWYG Editor vue-froala-wyswiyg provides Vue bindings to the Froala WYSIWYG editor VERSION 3. Compatibility v1 later @legacy Vue.js 1.
🍡@quilljs editor component for @vuejs
Vue-Quill-Editor Quill editor component for Vue. 基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。 Example Component example page CDN example page Install NPM np