Rapidly build websites using mvk-ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

npm i mvk-ui
yarn add mvk-ui
icon

Get started

  • Jump right into building with mvk-ui, install it via package manager.
  • Install mvk-ui as a Node package

    npm i mvk-ui
  • Import the component you want to use.
  • And just copy the code and paste it where you want to use it.
  • Make sure to pass the suitable props along with the component.
  • Here's the demo of a component.

    Select an option
    • Option 1
    • Option 2
    • Option 3


    import { Selector } from 'mvk-ui';
    import './App.css'

    const App = () => {
        const dropdownOptions = [
            { label: 'Option 1', value: '1' },
            { label: 'Option 2', value: '2' },
            { label: 'Option 3', value: '3' }
        ];

        const handleSelect = (value: string) => {
            console.log('Selected value:', value);
        };

        return (
            <div className="app-container">
                <Selector
                    options={dropdownOptions}
                    placeholder="Select an option"
                    onSelect={handleSelect}
                />
                {/* Other components */}
            </div>
        );
    };

    export default App