vue-gooey-button

A Vue implementation of a gooey button effect. This effect only works on desktop Chrome and Edge versions 105+. In other browsers, a fallback button is rendered.

• View demo
• Edit CodeSandbox

Install

yarn add vue-ssr-carousel

Default

import GooeyButton from 'vue-gooey-button'
import 'vue-gooey-button/index.css'
Vue.component 'gooey-button', GooeyButton

Nuxt

// nuxt.config.js
export default {
  buildModules: [ 'vue-gooey-button/nuxt' ]
}

Usage

<gooey-button
  :border-radius='60'
  background='#e8179e'
>
  Click Me
</gooey-button>

For more examples, see the demo: https://vue-gooey-button.netlify.app

Contributing

Run yarn dev to open a Nuxt dev build of the demo directory.