Linkzy

Introduction

An open-source collection of unstyled components for create your link-in-bio using React, Vue (soon) and Svelte (soon). Say goodbye to generic page designs and stand out from the crowd. Linkzy empowers you to fully customize your link-in-bio according to your preferences.

Install

Install one of the components from your command line.

With yarn

yarn add @linkzy/react -E

With npm

npm install @linkzy/react -E

With pnpm

pnpm install @linkzy/react -E

Getting Started

Add the component to your template. Include styles where needed.

import * as Linkzy from '@linkzy/react';

const Template = () => {
  return (
    <Linkzy.Root>
      <Linkzy.Head>
        <Linkzy.Avatar>
          <img src="..." />
        </Linkzy.Avatar>
        <Linkzy.Content>
          <Linkzy.Title label="Javier Diaz" />
          <Linkzy.Bio>A software engineer who designs</Linkzy.Bio>
        </Linkzy.Content>
      </Linkzy.Head>
      <Linkzy.Group>
        <Linkzy.Link
          href="https://youtube.com/@coderdiaz"
          label="Visita mi canal de Youtube"
        />
        <Linkzy.Link
          href="https://twitch.tv/coderdiaz"
          label="Visita mi canal de Twitch"
        />
        <Linkzy.Link
          href="https://coderdiaz.dev/contacto"
          label="Ponte en contacto conmigo"
        />
      </Linkzy.Group>
    </Linkzy.Root>
  );
};

Authors

• Javier Diaz (@coderdiaz)

License

Licensed under the MIT License. See LICENSE for more information.

Copyright © 2023 Javier Diaz Chamorro