vue-resize-text - A vue directive which automatically resize font size based on element width.

  •        232

A vue directive which automatically resize font size based on element width. It makes the font-size flexible on fluid or responsive layout.

https://github.com/JayeshLab/vue-resize-text/#readme
https://github.com/JayeshLab/vue-resize-text

Tags
Implementation
License
Platform

   




Related Projects

fitty - ✨ Makes text fit perfectly

  •    Javascript

Scales up (or down) text so it fits perfectly to its parent container. Ideal for flexible and responsive websites.

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

vue-typer - Vue component that simulates a user typing, selecting, and erasing text.

  •    Vue

Vue component that simulates a user typing, selecting, and erasing text. Play with vue-typer in this interactive demo. VueTyper has a single dependency to lodash.split to support emojis and other multi-codepoint Unicode characters. Apart from this, VueTyper does not have any direct dependencies to any other library or framework -- not even to Vue itself! All required Vue API calls are made through Vue's this.$* context methods. This means VueTyper can only execute within a Vue application context, but in exchange, it does not need to pull in Vue, which keeps VueTyper lightweight.

FitText.js - A jQuery plugin for inflating web type

  •    HTML

FitText makes font-sizes flexible. Use this plugin on your responsive design for ratio-based resizing of your headlines. Your text should now fluidly resize, by default: Font-size = 1/10th of the element's width.


Buefy - Lightweight UI components for Vue.js based on Bulma

  •    Vue

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery

vue-hotel-datepicker - Vue date range picker component

  •    Vue

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.

vue-inspector - Vue.js Inspector for Mobile Devices

  •    Javascript

vue-inspector is a basic inspector for Vue.js that works with mobile devices. It could work in a desktop environment, but I do not recommend that; use Vue.js devtools instead. With vue-inspector is possible to execute JavaScript code directly in your mobile browser and get error messages generated at run-time. Also inspect the data, props, router links, views/components, computed properties, routes, Vuex and more... inside your Vue.js project.

vue-toasted - ⚡ Responsive Touch Compatible Toast plugin for VueJS 2+

  •    Javascript

Vue Toasted is One of the Best Toast plugin available for VueJS. it is responsive, touch compatible, easy to use, attractive and feature rich with icons, actions etc... Checkout the Interactive Demo here.

vue-awesome - Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

  •    Javascript

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. Vue-Awesome an SVG icon component for Vue.js, with built-in icons courtesy of Font Awesome.

vue-design-system - An open source tool for building UI Design Systems with Vue.js

  •    Javascript

Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.

vue-datasource - A vue.js component to create dynamic tables

  •    Javascript

[WIP] Vue Datasource go back renew. Coming soon V3. A Vue.js component to create dynamic tables. Compatible with Vue 2.x and Laravel.

vuetify-material-dashboard - Vuetify Material Dashboard - Open Source Material Design Admin by Creative Tim

  •    Vue

Vuetify Material Dashboard is a beautiful resource built over Vuetify, Vuex and Vuejs. It will help you get started developing dashboards in no time. Vuetify Material Dashboard is the official Vuejs version of the Original Material Dashboard PRO. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vuejs and Vue-Router. We have created it thinking about things you actually need in a dashboard. Vuetify Material Dashboard contains handpicked and optimized Vuejs plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product.