@tsamantanis/react-glassmorphism NPM

react-glassmorphism

A react UI component library for glassmorphic components

Example

View examples of the components here

Install

npm install --save @tsamantanis/react-glassmorphism

Usage

import React, { Component } from 'react'

import { Button } from '@tsamantanis/react-glassmorphism'
import '@tsamantanis/react-glassmorphism/dist/index.css'

class Example extends Component {
    render() {
        return <Button text="Click me" />
    }
}

import React, { Component } from 'react'

import { CustomCard } from '@tsamantanis/react-glassmorphism'
import '@tsamantanis/react-glassmorphism/dist/index.css'

class Example extends Component {
    render() {
        return (
            <CustomCard
                effectColor="#C780FF" // required
                color="#14AEFF" // default color is white
                blur={10} // default blur value is 10px
                borderRadius={0} // default border radius value is 10px
            >
                <h1>Hello</h1>
                <p>This is an example</p>
            </CustomCard>
        )
    }
}