Linkyed

A simple template to show your links that allows customization using nextjs and tailwindcss.

Features

• Automatic switching between dark and light themes.
• Responsive design that adapts mobile and pc devices.
• Fully customizable: icons, colors, shapes, and more.
• Utilizes SVG icons for enhanced visual quality.

Instalation

1. Clone the project using the following command:

 git clone https://github.com/SbleitZ/linkyed.git

2. Access the folder:

cd linkyed

3. Install the packages:

npm install

4. Starts developing:

npm run dev

Configuration

You can configure the project using mis-links.json for the overall design and tailwind.config.ts for tailwind colors.

1. For example, if you want to add your amazon wish list, your json should look like this (without animations):

 {
     "icon":"amazon", // icons in lower case
     "href":"https://amazon.com/your-wish-list",
     "label":"Amazon Wishlist",
     "background":"#ecae1d",
     "effects":{
       "duration":"",
       "animation":""
     }
   },

2. to modify the background modify the class of the main tag in page.tsx
3. You can edit the boxes in this file

Utils

• Icons
• Animations
• Background Snippets

Animations

• wiggle
• shake
• pulse
• glitch
• tonyhawk
• flip
• fill
• sheen
• glow
• blur

Icons

• Default
• Amazon
• Discord
• Email
• Facebook
• Instagram
• Spotify
• Tiktok
• Twitch
• Twitter
• Youtube
• Github
• Behance
• Dribbble
• Link
• Linkedin
• Onlyfans
• Pinterest
• SnapChat
• SoundCloud
• Tumblr
• Whatsapp