#1 solutionFeature flags for Vue

Optimize your Vue development and ship code faster and safer with feature flags. Tggl lets you deploy code when it is ready and release it when you are.

Vue logo
+
Tggl logo

Trusted by

Swan logoSellsy logoRise up logoStoik logoYuno logoSlowy logoAlgoan logoEquify logoGoelo logo

Vue SDKUse our Vue SDK to get started in minutes

Tggl allows you to swiftly integrate feature flags and adhere to best practices in your Vue app with our SDK and a few simple lines of code.

1. Install the SDK

npm i vue-tggl-client

2. Create the client

Add the provider to make the client available anywhere in your app.

<script setup>
  import { TgglClient, TgglProvider } from 'vue-tggl-client'
 
  const client = new TgglClient('YOUR_API_KEY')
</script>
 
<template>
  <TgglProvider :client="client">
    <!-- ... -->
  </TgglProvider>
</template>

3. Start using feature flags

<script setup>
import { useFlag } from 'vue-tggl-client'
 
const flag = useFlag('myFlag')
</script>
 
<template>
  <div v-if="flag.active">
    This is only visible if the flag is active
  </div>
</template>

Vue SDK documentation

Best in class UIEasy to use interface, even for non-technical users

Empower product and marketing teams to experiment within safe boundaries set by your engineering team.

Your app is instantly updated when a flag is updated, no need to write code and deploy the new version.

Feature flag conditions based on plan type

PerformanceNo compromise on performance

Tggl is optimized for mobile devices and other client side applications. You can get all the benefits of feature flags with no compromise on performance and interactivity.

A single API call

A single API call

Tggl requires just one API call at the start of a session to retrieve all flags for a user. Your code then simply checks the initial response.

Small payload

Tiny payload (<1kb)

Unlike other providers, Tggl's API responses are optimized for mobile devices with slow connexions.

Resilient by design

Resilient by design

Tggl ensures your app will never crash due to feature flags. In case of service disruption or network errors, it will simply fall back to a safe state.

Server-side evaluation

Server-side evaluation

Cache the configuration on your backend or use our proxy to locally evaluate flags for each user with no API calls and no overhead on your HTTP responses.

Runs on the edge

Runs on the edge

Evaluate flags directly on the edge with no API calls and serve customized pages that don’t blink when loaded.

Privacy first

Privacy first

Use the Tggl proxy and make sure your data never leaves your infrastructure. Host it close to your end user for even better performance.

What our clients have to say about us

quote left
Being able to activate a feature for a client because of a plan change or a beta testing plan ourselves was life changing for our Customer Success team. No need to wait for the tech team to operate, increasing our customer satisfaction and solidifying our relationship.
quote right
Cyriane Ruslier profile pictureCyriane Ruslier, Customer Success Manager @ Equify

We value privacy and security

GRPR compliant

GDPR compliant

Tggl's robust data handling practices ensure GDPR compliance, safeguarding user privacy and data security.

Data stored in EU

Data stored in EU

Tggl securely stores data within the European Union, adhering to stringent data protection standards and regulations.

Your data dont reach our servers

Your data never reaches our servers

Use the open source Tggl proxy on your own infrastructure to ensure that your data never leaves your servers.

Two-factors authentification

Two-factor authentication

Enable two-factor authentication (2FA) to greatly improve your security posture on Tggl!

Custom roles

Custom roles

Assign granular access permissions to ensure the right people have the right access.

Feature flags history

Flag history

Precisely track what changes were made, who made them, and easily rollback to a previous configuration.

Start experimenting with feature flags in Vue

Getting started with Tggl is easy, allowing you to see results in just minutes. The platform comes with thorough documentation to assist you every step of the way, and the Vue SDK streamlines the setup process, handling the heavy lifting for you. This makes it straightforward to integrate Tggl into your project and start leveraging its feature flagging capabilities quickly and efficiently.

Get startedNo credit-card required
Get started video preview

See how we stack up against the competition

For a detailed breakdown of feature flag solutions for Vue, check out our comparison guide. It offers an extensive look at the features, ease of use, and pricing of different tools, helping you make an informed decision based on your specific needs.