K
kokonut-labs/kokonutui
Action Search Baraction-search-barAction Bar with shortcuts, and smooth dropdown animation.
AI Input Searchai-input-searchAI input with search mode.
AI State Loadingai-loadingCode loading pending.
AI Input Selectorai-promptMy own style of chat AI input.
AI Text Loadingai-text-loadingThinking mode.
AI Voiceai-voiceVoice mode.
Apple Activity Cardapple-activity-cardInspired by Apple activity app.
Magnet Buttonattract-buttonAttract particles button!
Avatar Pickeravatar-pickerAvatar picker with rotation animation.
Background Pathsbackground-pathsDrawed line paths in the middle.
Beams Backgroundbeams-backgroundAnimated Beams in the background that are customizable.
Bento Gridbento-gridGrid of 4 cards with different content and animations.
Card Flipcard-flipAnimated flip card with gradient button and animation.
Stackcard-stackStack of cards that expend onclick.
Carousel Cardscarousel-cardsInteractive carousel with card navigation.
Command Buttoncommand-buttonCommand button for shortcut.
Currency Transfercurrency-transferMultiples step animation transaction inspired.
Dynamic Textdynamic-textDynamic switcher text.
File Uploadfile-uploadFile upload with special uploading animation. Make sure to try the drag and drop.
Glitch Textglitch-textWhy not?
Gradient Buttongradient-buttonThat was so hard to make.
Hold Buttonhold-buttonHold Button with different hold duration and colors.
Liquid Glassliquid-glass-cardLiquid Glass inspired by @Apple
Matrix Textmatrix-text010110010110111101110101011100100010000001110111011001010110110001100011011011110110110101100101
Particle Buttonparticle-buttonParticle Button Animation on click.
Profile Dropdownprofile-dropdownMenu dropdown with action buttons.
Scroll Textscroll-textAnimated on scroll texts.
Shapes Heroshape-heroShapes that fall from the top.
Shimmer Textshimmer-textQuite fancy.
Sliced Textsliced-textI haven't found any usage for that component, but i like it.
Smooth Drawersmooth-drawerSmooth slide-in drawer. (this was harder than i thought to make that one)
Smooth Tabsmooth-tabAnimated tab switcher.
Social Buttonsocial-buttonAnimated Social show-up
Switch Buttonswitch-buttonAnimated shadow theme switcher button.
Swoosh Textswoosh-textNike inspired Text
Team Selectorteam-selectorGroup selector with a different style.
ToolbartoolbarMultiples actions toolbar inspired by Figma.
X Cardtweet-cardGradient on hover X card. (The post is real!)
Typing Texttype-writerAnimated TypeWritter with multiples options.
V0 Buttonv0-buttonOpen in V0.