# UI Utilities

# Event Handling

Handling of user events (scroll, click, key strike, ...)

vue-shortkey (opens new window) - Vue-ShortKey - plugin for Vue.js.
vue-throttle-event (opens new window) - Throttle events based on requestAnimationFrame.
vue-waypoint (opens new window) - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
vue-clickaway (opens new window) - Reusable clickaway directive for reusable Vue.js components.
vue-scrollfire (opens new window) - Fires an event on a specific scroll position.
vue-resize-directive (opens new window) - Vue directive to detect resize events with deboucing and throttling capacity.
v-click-outside (opens new window) - Vue directive to react on clicks outside of an element without stopping the event propagation.
vue-outside-events (opens new window) - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
vue-selectable (opens new window) - Vue 1.x/2.x directive to make items selectable by mouse.
vue-click-helper (opens new window) - Vue2.x directive to handle click event and dblclick event on same element.
v-hotkey (opens new window) - Vue 2.x directive for binding hotkeys to components.
vue-resize (opens new window) - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
vue-observe-visibility (opens new window) - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
v-dragged (opens new window) - Vue 2.x directive plugin for drag event detection.
vue-esc (opens new window) - Vue.js directive to add a document event listener on escape keyup.
vue-global-events (opens new window) - A component to handle global events (like shortcuts) using Vue’s event modifiers
vue-edge-check (opens new window) - Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
vue-mutation-observer (opens new window) - A simple and tiny directive to observe changes in DOM use MutationObserver API
vue-scroll-show (opens new window) - Showing the element if the user reached it after scroll
vue-tabevents (opens new window) - Easy communication between other opened tabs
vue-visibility-trigger (opens new window) - Declaratively trigger methods when scrolled into view
v-click-outside-x (opens new window) - Vue V2 directive to react on click, touch, pointer or multiple events outside an element
vue-keypress (opens new window) - Global keypress event handler component for Vue.js applications
vue-pseudo-window (opens new window) - Component to declaratively interface window/document in your Vue template
v-on-page-video (opens new window) - Vue.js directive to change the state of a video element on visibility change
vue3-click-outside (opens new window) - Directive for Vue 3 to run a method on clicking outside of the binded element
vue-exit-intent (opens new window) - Vue composable to handle user's exit intent

# Responsive Design

vue-viewports (opens new window) - Define your custom viewports and use them in your components.
vue-responsive (opens new window) - Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
vue-match-media (opens new window) - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
vue-media-query-mixin (opens new window) - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
vue-breakpoints (opens new window) - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
vue-mq (opens new window) - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
VueResizeSensor (opens new window) - A container that supports resize event.
vue-breakpoint-component (opens new window) - A render-less component for composing CSS breakpoint state.
fine-mq (opens new window) - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
vue-responsive-components (opens new window) - Create responsive components with ResizeObserver.
vue-screen-size (opens new window) - Get easy and reactive access to the width and height of your screen
vue-container-query-2 (opens new window) - Smart vue plugin for working with css container query
vue-component-media-queries (opens new window) - MatchMedia component library for Vue

# Form

vue-formly (opens new window) - JavaScript powered forms for Vue.js.
vue-focus (opens new window) - A reusable focus directive for reusable Vue.js components.
vue-form-generator (opens new window) - A schema-based form generator component for Vue.js.
FormSchema Native (opens new window) - Generate a form using JSON Schema and Vue.js
ic-formly (opens new window) - Simple form component powered by vue-formly.
Form Builder (opens new window) - Json template based form builder, based on Vue and Laravel.
vue-autofocus-directive (opens new window) - Vue autofocus directive.
vue-awesome-form (opens new window) - A vue.js component just like json-editor
vue-form-components (opens new window) - Clean & minimal vue form elements with validation
v-ajax-form (opens new window) - Vue.js component plug-in to make Form tag compatible with ajax request
Vue Formulate (opens new window) - The easiest way to build forms with Vue. Validation, error handling, form generation, comprehensive documentation, and more
Reforms.js (opens new window) - Vue 3 and Bootstrap forms and cards generator. Validation, multiple fields, grouping, schema and more
FormKit (opens new window) - Vue 3 form development. 10x faster. Form inputs, validation, submission, error handling, generation, accessibility, theming, and more
vrf (opens new window) - Declarative scalable ui-agnostic markup-based Vue forms

# Validation

vee-validate (opens new window) - Simple Vue.js input validation plugin.
vue-rawmodel (opens new window) - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
vuelidate (opens new window) - Simple, lightweight model-based validation for Vue.js.
simple-vue-validator (opens new window) - A simple yet flexible validator library for vue.js.
vue-vform (opens new window) - Vue.js 2 form component that integrates jQuery Validation and Axios.
vue-form (opens new window) - Comprehensive form validation for Vue.js.
vuelidation (opens new window) - simple, powerful, vuejs validation.
laravel-vue-validator (opens new window) - Display errors from laravel validation rules
vue-daval (opens new window) - Super vue data validator. Easiness, simplicity, accurate.
willvalidate (opens new window) - Validation Forms for Vue.js.
vue-isyourpasswordsafe (opens new window) - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
vue-form-send (opens new window) - A Vue.js directive for sending data from form and primitive validation
FormVuelar (opens new window) - Vue form components with server-side validation in mind
vue-final-validate (opens new window) - Vue validation solution from my development experience, support nested, async.
vform (opens new window) - A simple way to handle Laravel back-end validation in Vue.
vue-form-container (opens new window) - A Provider Component that encapsulates your forms and handles their states and validations
ps-validation (opens new window) - A Vue plugin that provides out-of-the-box data validation rules, very much inspired by the Laravel validation system
vue-laravel-errors (opens new window) - A Vue.JS plugin that adds a global mixin which can be used to fill an errors variable from a laravel error response and display it as an object or array, can also be used as a local mixin
vue-input-validator (opens new window) - Highly extensible & customizable input validator for Vue 2
@vuito/vue (opens new window) - Simple, lightweight, isomorphic, and template-based validation library
vue-tiny-validate (opens new window) - Tiny (2.5KB minified) Vue Validate Composition
vest (opens new window) - Declarative form validation framework inspired by unit testing
VFM (opens new window) - Vue driven form management tool
vorms (opens new window) - Vue Form Validate with Composition API

# Resize

vue-not-visible (opens new window) - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.
vue-window-size (opens new window) - Provides reactivity window size properties.
vue-responsive-text (opens new window) - ↔ Component that scales its child node in relation to its parent node's width
v-hide (opens new window) - v-hide directive to accompany v-if and v-show. Keeps layout space in the DOM

# Scroll

Set window scroll position

vue-chat-scroll (opens new window) - Automatic scroll-to-bottom directive for Vue.js 2.0.
vue-scrollto (opens new window) - Adds a directive that listens for click events and scrolls to elements.
vue-next-level-scroll (opens new window) - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
vue-scroll-sync (opens new window) - A component that synchronizes containers’ scroll positions
v-scroll-lock (opens new window) - A Vue.js directive for body scroll locking without breaking scrolling of a target element
vue2-perfect-scrollbar (opens new window) - PerfectScrollbar minimalistic wrapper
vue-scroll-to (opens new window) - Adds a directive that listens for click events and scrolls to elements.
vue-scroll-progressbar (opens new window) - A customizable component that indicates the scroll relative position in a progressbar.
vue-backtotop (opens new window) - A Back-to-top component for Vue.js, which scroll page to the top when clicked.

Virtual scrollbar

VBar (opens new window) - The virtual responsive cross-browser scrollbar component for Vue.js 2x.
Vuebar (opens new window) - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
vue-detached-scrollbar (opens new window) - A simple scrollbar that can be detached from the container it is scrolling.
vuescroll (opens new window) - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.
vue-simplebar (opens new window) - Vue.js wrapper for simplebar plugin.
smooth-vuebar (opens new window) - Vue directive wrapper for smooth-scrollbar

Detect when components enter viewport

vue-scrollview (opens new window) - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
vue-scrollactive (opens new window) - Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.
vue-intersect (opens new window) - A Vue component to add intersection-observer to a Vue component or HTML element.
vue-scrollmonitor (opens new window) - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat Vue 2.2.x)
vue-stroll (opens new window) - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
navscroll-js (opens new window) - Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.
vue-scrollwatch (opens new window) - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
vue-check-view (opens new window) - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
vue-stickto (opens new window) - A vue directive that supports multiple DOM nodes stick to top automatically
vue2-scrollspy (opens new window) - A scrollspy plugin and animated scroll-to.
vue-trip-wire (opens new window) - A custom directive for firing functions when an element reaches a designated point in the viewport, with option to import module with globally accessible functions
v-intersect (opens new window) - A Vue directive and component that detect element when it's visible or hidden on viewport
vue-scrollama (opens new window) - A Vue component to easily setup scroll-driven interactions (aka scrollytelling)
vue-use-active-scroll (opens new window) - Highlight Vue 3 menu/sidebar links without compromises

Customize the scroll behavior

vue-scroll-behavior (opens new window) - Customize the scroll behavior on route navigation. Especially hash mode.
vue-scroll-stop (opens new window) - Stops propagation scroll when edge reached.

Seamless scrolling

vue-seamless-scroll (opens new window) - A simple, Seamless scrolling for Vue.js.

# Routing

vue-router (opens new window) - The official router for Vue.js.
vue-router-storage (opens new window) - Router storage & resolve solution for Vue.js 2 & vue-router 2
vue-tidyroutes (opens new window) - Decentralized vue-router routes definitions
vue-routisan (opens new window) - Elegant, fluent route definitions for Vue Router, inspired by Laravel
vue-error-page (opens new window) - Provides a wrapper for router-view that allows you to show error pages without changing the URL
vue-router-sitemap (opens new window) - Generate sitemap.xml by vue-router configuration
vue-smart-route (opens new window) - Smart route directive to make intelligent looking apps with Vue.js.
vue-router-lite (opens new window) - A component-based, declarative router for Vue.js 2.
vue-route-props (opens new window) - Automatically bind vue-router query to vm, APIs are mostly same as the Vue props
vue-pilot (opens new window) - A Trie-based vue router with the ability of managing history.state
vue-lang-router (opens new window) - Vue.js 2 & 3 language routing with (optional) URL localization
vue-router-compositions (opens new window) - A util package for Vue-Router and Vue Composition API
vue-middleware (opens new window) - Middleware for Vue
vue-router-webcache (opens new window) - Enable SPA routing while in Google/Yandex/etc. webcache
v-route-generate (opens new window) - A tool to generate routes for vue-router 4.x

# Lazy Load

vue-lazyload (opens new window) - A Vue.js plugin for lazyload your Image or Component in your application.
vue-lazy-background-images (opens new window) - Lazy load background images for Vue 2.
vue-progressive-image (opens new window) - Vue progressive image loading plugin.
vue-l-lazyload (opens new window) - A lazyload plugin for Vue.js v2.x+.
vue-lazyload-img (opens new window) - Especially optimized for mobile browser. support V2 & v1.
vue-lazy-images (opens new window) - A plugin of lazyload images for Vue 2.x.
v-lazy-img (opens new window) - Tiny (<0.6kb) directive for progressive image loading for Vue 2.
vue-clazy-load (opens new window) - Lightweight transitionable image lazy loading component using IntersecionObserver for Vue 2.
vue-lazy-this (opens new window) - Lazyloading component using Intersection Observer API.
v2-lazy-list (opens new window) - A simple lazy-load list component based Vue 2.x
pimg (opens new window) - A Simple Progressive Image Component used for lazy loading images.
vue-tiny-lazyload-img (opens new window) - A small size Vue.js v.2+ directive for lazy loading images
vue-lazy-youtube-video (opens new window) - A simple Vue.js component for lazy loading YouTube videos.
lazyload-vue (opens new window) - Vue Plugin for vanilla-lazyload.
vue-lazy-loading (opens new window) - A vue plugin to better supporting native lazy-loading for image and iframe
v-lazy-component (opens new window) - Vue component render when visible. Uses Intersection Observer API
vue-lazy (opens new window) - Lightweight Image/Picture lazyload based on Intersection API
vue3-lazyload (opens new window) - Vue module for lazy-loading images in your Vue 3 applications

# Pagination

vue-paginate (opens new window) - A simple vue.js plugin to paginate data.
vue-pagination-2 (opens new window) - Vue.js 2 pagination component.
vuejs-uib-pagination (opens new window) - Best and complete pagination plugin for Vue.js. Inspired in Angular Bootstrap Pagination.
vuejs-paginate (opens new window) - A Vue.js(v2.x+) component for creating pagination.
vue-pagination-bootstrap (opens new window) - A Vue.js (1.x & 2.x) server-side paging component with a template based on Bootstrap
laravel-vue-semantic-ui-pagination (opens new window) - A Vue.js 2.x pagination used with Laravel & Semantic-UI.
vue-paginate-al (opens new window) - Vue paginate with return your data.
vue-tiny-pagination (opens new window) - A Vue component for create a tiny pagination.
laravel-vue-pagination (opens new window) - A Vue.js pagination component for Laravel paginators that works with Bootstrap.
vue-lpage (opens new window) - Low-level Vue pagination component.
v-page (opens new window) - A simple pagination bar, including length Menu, i18n support, based on Vue2.x.
vue-smart-pagination (opens new window) - Smart pagination of any data with a lot of nice settings.
vue-paginatron (opens new window) - Pagination component built with scoped-slot props for maximum flexibility.
vue-ads-pagination (opens new window) - A vue pagination component build with the css framework tailwindcss
v-pagy (opens new window) - A lightweight and customizable Bootstrap pagination for Vue
v-paginator (opens new window) - Simple page-by-page navigation for Vue.js based on your HTML templates with SSR support
vue-use-paginator (opens new window) - Vue 3 use-hook to reactively paginate data and arrange paginator buttons. Completely renderless
vueginate (opens new window) - A simple pagination component for Vue 3

# Animation

vue-animate (opens new window) - A Vue.js port of Animate.css. For use with Vue's built-in transitions
animated-vue (opens new window) - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as <animated-tada>!
vue-lottie (opens new window) - A Vue.js 2.x plugin to render after effects animations based on bodymovin
Vueg (opens new window) - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
v-animate-css (opens new window) - The easiest to implement Vue 2 directive for Animate.css
vue-mixin-tween (opens new window) - Mixin factory that adds tweened values to component context for animations
v-odometer (opens new window) - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
vue2-transitions (opens new window) - Reusable Vue 2 transition components
vue-overdrive (opens new window) - Super easy magic-move transitions for Vue apps
animated-number-vue (opens new window) - Super easy way to animate numbers.
vue-typed-js (opens new window) - Typed.js integration to easily create typing animations
vue-parent-change-transition (opens new window) - Enable a child components to animate when it changes the parent.
vue-smooth-reflow (opens new window) - Transition an elements reflow in response to data changes.
VueTween (opens new window) - Allows components to tween their properties.
vue-slide-up-down (opens new window) - Like jQuery's slideUp / slideDown, but for Vue!
vue-animejs (opens new window) - Simple anime.js directives for Vue.
Eagle.js (opens new window) - Eagle.js is a web-based slideshow framework for Vue.js.
vue-pose (opens new window) - Pose for Vue is a declarative motion system that combines the simplicity of CSS transitions with the power and flexibility of JavaScript.
vue-slide-up-down-component (opens new window) - It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
femtoTween (opens new window) - A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
vue-sequential-entrance (opens new window) - Plugin for creating elegant sequential animation entrances with a list of elements of your page. Zero effort. Simple and lightweight
vue-animate-scroll (opens new window) - Super lightweight way to add CSS animations to elements as they scroll into view.
vue-svg-transition (opens new window) - Create 2-state, SVG-powered transitions
vue-page-transition (opens new window) - Easy route / page transitions for Vue.js
Vuenime (opens new window) - A flexible Vue wrapper for Animejs
vue-flipper (opens new window) - A component to flip children with a nice transition
v-number (opens new window) - Animated number transition library for Vue.js
vue-kinesis (opens new window) - A set of components to create interactive animations
vue-digital-transform (opens new window) - A vue component for better digital transform animation
vue-typical (opens new window) - Vue Animated typing in ~400 bytes of JavaScript
vue3-lottie (opens new window) - A component for importing and displaying Lottie animations in Vue 3
@morev/vue-transitions (opens new window) - Transitions library for Vue 2 and Vue 3 with no CSS needed
@formkit/auto-animate (opens new window) - Add motion to your apps with a single line of code
vue-contextual-transition (opens new window) - Easy-ish cross-browser transitioning between pages with shared elements and/or sequential order
blottie (opens new window) - Lottie component for Vue 3

# Meta Tags

Manage meta information in the document head

vue-head (opens new window) - Manage the meta information of the head tag, a simple and easy way.
vue-meta (opens new window) - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
vue-headful (opens new window) - Set document <title> and meta tags from within your views.
vue-simple-headful (opens new window) - Easily set meta-tags with vue.js - a simpler vue-headful alternative with TypeScript support.

# Portal

Move a DOM node to a target DOM node

vue-dom-portal (opens new window) - An escape hatch for DOM Elements in Vue.js components.
portal-vue (opens new window) - A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)

# Filters

vue2-filters (opens new window) - A collection of standard filters Vue 1.x adapted for use in Vue 2.x
vue-morphling (opens new window) - A collection of standard and custom filters for Vue 2.
vue-currency-filter (opens new window) - Lightweight and customizable Vue 2 currency filter
vue-trans (opens new window) - A simple filter to provide a similar way of translating to the Symfony trans.
vue-string-filter (opens new window) - Lightweight Vue 2 String Manipulation Filter.
vue-units (opens new window) - A collection of handy unit conversion filters for use in Vue 2.
vue-numeral-filter (opens new window) - A collection of filters that allows Numeral.js to be used inline in the template section of a component.
vue-filter-date-format (opens new window) - Simple datetime filter for Vue 2.
vue-filter-pluralize (opens new window) - Simple pluralize filter for Vue 2.
vue-filter-date-parse (opens new window) - Simple parsing datetime filter for Vue 2.

# SVG

vue-svgicon (opens new window) - A tool to create svg icon components. (vue 2.x).
vue-content-loading (opens new window) - Vue component to easily build (or use presets) SVG loading cards Facebook like.
vue-annotator (opens new window) - Annotate page using any SVG Element (rect, polygon, and many more, even HTML Element like canvas if wrapped in foreignObject)
vue-svg-sprite (opens new window) - A plugin, component or directive to simply use SVG sprite (vue 3.x, vue 2.x)
vue-svg-filler (opens new window) - Vue component for custom your svg file (vue 2.x).
vue-inline-svg (opens new window) - Vue component loads an SVG source dynamically and inline <svg> so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)

# Miscellaneous

vue-resource-progressbar-interceptor (opens new window) - Interceptor that ties a progressbar to all requests, that it is clear that something is loading.
vue-images-loaded (opens new window) - Vue.js 2.0 directive to detect images loading.
vue-visible (opens new window) - A v-visible directive for VueJS (2.x), like v-show but for visibility.
vue-resize-sensor (opens new window) - Component to detect container resizing (event-based)
v-blur (opens new window) - Vue directive to blur an element dynamically
vue-async-methods (opens new window) - Helper utilities for promise based methods
vue-openseadragon (opens new window) - OpenSeaDragon component for Vue.js (zoom and pan)
vue-match-heights (opens new window) - Directive to set heights of elements to be the same.
vue-conditional-attrs (opens new window) - A Vue.js component for conditional rendering attributes and directives
vue-cbsc (opens new window) - A Vue.js 2.x component for programmatically blender, shader and convert colors.
vue-spatialnavigation (opens new window) - Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)
vue-lifecycle (opens new window) - A Vue.js lifecycle directives.
v-aspect-ratio (opens new window) - Vue.js directive for setting an aspect ratio
@kooljay82/vue-m-camera (opens new window) - To avoid changing orientation of photo automatically which is taken via camera of user's device
v-ripple-directive (opens new window) - Vue.js directive for ripple effect
vue-material-design-ripple (opens new window) - Add material design ripple to any element. Use any ripple color you want. No performance issues. Mobile friendly. No dependencies. It just works
v-github-icon (opens new window) - Easily add "that" tiny GitHub icon on the right/left corner of your Vue components/libraries demos
vue-styled-shadows (opens new window) - Component based styled shadow patterns for images
v-visible (opens new window) - Vue.js directive for setting visibility of an element
vue-web-otp (opens new window) - Vue.js component to work with browser's WebOTP API to receive OTPs over SMS
vue-occasions (opens new window) - Tags your HTML’s body element with a class and data attribute reflecting today’s occasion or holiday.
v-privacy (opens new window) - Vue 3 plugin that allows to manage the privacy of an HTML element by blurring its content

# WebGL

vue-3d-model (opens new window) - A 3D model viewer in Vue component.
vue-pano (opens new window) - A panorama viewer in Vue component.
vue-threejs (opens new window) - Vue bindings for Three.js.
VueGL (opens new window) - Vue.js components rendering 3D graphics reactively via three.js
vue-vr (opens new window) - A framework for building VR applications with Vue based on threejs (opens new window) and Panolens (opens new window), inspired by react-vr (opens new window)
vue-displacement-slideshow (opens new window) - A Vue.js component that makes Webgl image displacement transitions easier.
vue-fake3d-image-effect (opens new window) - An interactive 3D fake-effect for images with depth maps in WebGL
drie (opens new window) - A Vue 3 component library for three.js inspired by react-three-fiber
TresJs (opens new window) - Declarative ThreeJS using Vue Components
Cientos (opens new window) - Collection of useful helpers and fully functional, ready-made abstractions for TresJs

# Fullscreen

vue-fullscreen (opens new window) - A simple Vue component for fullscreen, support Vue 2 and Vue 3

# Page visibility

vue-page-visibility-awesome (opens new window) - A Vue 2.x component of easy-to-config page visibility api.
vue-authplugin (opens new window) - an elegant view auth control plugin, support directive and prototype methods.

# Printing

vue-html-to-paper (opens new window) - Vue mixin for paper printing html elements to paper
vue-to-print (opens new window) - Print Vue 3 components in the browser. Supports Chrome, Safari, Firefox and Edge

← Frameworks Utilities →