joyride

a react ui component library by abhi velaga

side navigation bar

an animating, mobile responsive navigation bar that's pinned to the top left of the desktop screen and renders two sets of differently styled links for use as page navigation links and external links

usage:
``jsx
import { SideNav } from 'joyride';

export default function App() {

const links = {
"internal" : [
{
"link" : "/about",
"title" : "ABOUT"
},
{
"link" : "/photo",
"title" : "PHOTO"
},
{
"link" : "/music",
"title" : "MUSIC"
},
{
"link" : "/software",
"title" : "SOFTWARE"
}
],
"external" : [
{
"link" : "https://open.spotify.com/artist/7JCVu8JTFAFrHqnYnGVPhi?si=wAs1clwUTiqOqS8e8RUJqg",
"title" : "SPOTIFY"
},
{
"link" : "https://www.instagram.com/abhi.velaga/",
"title" : "INSTAGRAM"
},
{
"link" : "https://www.instagram.com/abhi.film/",
"title" : "FILM INSTAGRAM"
},
{
"link" : "mailto:abhinav.velaga@utexas.edu",
"title" : "CONTACT"
}
]
};

return (


)
};

`

square button

a simple button

usage:
`jsx
import { SquareButton } from 'joyride';

export default function App() {
return (



)
};
``