Extra shadcn

Components ready to use and import into your project.

Compatible with the shadcn configuration (color palette), if you want to contribute to the project don't forget to create an issue!

Github

A stylish island taskbar with fade in and Smooth animations

Just copy what is in the “Code” tab and paste it into a tsx file.
NameDescriptionProps
distanceCoverage area to call the component
number
variantStyle that follows the global rules of your shadcn configuration.
default | destructive | ghost | link | outline | secondary
childrenThe components you want to display
any component
positionDefine on which side of the screen you want the component to be displayed.
top | bottom | left | right

Component to display short code.

npx shadcn@latest add table
Just copy what is in the “Code” tab and paste it into a tsx file.
NameDescriptionProps
iconCopyEnables or disables the icon for copying the element into the code component.
boolean