Kikito CN

Design tokens: cores, tipografia e escala visual

• Colors
• Typography

Form controls and text entry

• Autocomplete
• Badge
• Button
• Button Group
• Checkbox
• Color Picker
• Date Picker
• FAB
• File Upload
• Form
• Form Field
• Github Stars Button
• Gooey Input
• Hover Border Gradient
• Inline Edit
• Input
• Input Group
• Label
• Moving Border
• Native Select
• Newsletter Form
• Number Pad
• OTP Input
• Password Input
• Placeholders And Vanish Input
• Pricing Toggle
• Radio
• Rating
• Search Input
• Select
• Signature Pad
• Slider
• Split Button
• Step Form
• Survey Form
• Switch
• Tag Input
• Text Editor
• Textarea
• Toggle
• Toggle Group

Content presentation components

• 3D Card
• 3D Globe
• 3D Marquee
• 3D Pin
• Accordion
• Accordion Group
• Airpods Mockup
• Animated List
• Animated Number
• Animated Testimonials
• Animated Tooltip
• Apple Cards Carousel
• Audio Waveform
• Avatar
• Avatar Group
• Bar Code Generator
• Battery Indicator
• Border Trail
• Bottom Blur Out
• Breadcrumb
• Callout
• Card
• Card Hover Effect
• Card Stack
• Carousel
• Chat Bubble
• Checklist
• Code Block
• Collapsible
• Colourful Text
• Comet Card
• Container Scroll Animation
• Copy Button
• Credit Card
• Direction Aware Hover
• Dot Stepper
• Draggable Card
• Empty State
• Encrypted Text
• Equalizer
• Event Calendar
• Evervault Card
• Feature List
• Flip Card
• Flip Words
• Focus Cards
• Following Pointer
• Glare Card
• Glowing Effect
• Glowing Stars Card
• Google Gemini Effect
• Grid Pattern
• Hero Parallax
• Icon Box
• Image Compare
• Image Viewer
• Images Badge
• Images Slider
• Infinite Moving Cards
• Item
• Kbd
• Keyboard
• Keyboard Shortcuts
• Laptop Mockup
• Layout Grid
• Layout Text Flip
• Lens
• Macbook Scroll
• Markdown Renderer
• Marquee Text
• Media Player
• Modern Book Cover
• Morphing Text
• Multi Accordion
• Note Card
• Notification Card
• Parallax Scroll
• Particle Field
• Password Strength
• Pin Board
• Ping
• Pointer Highlight
• Price Table
• Pricing Card
• Progress Steps
• QR Code Generator
• Quote Block
• Read More
• Receipt Card
• Ribbon
• Settings Panel
• Smartphone Mockup
• Squiggly Text
• Squish Pricing Card
• Stat
• Status Badge
• Stepper
• Sticky Scroll Reveal
• SVG Mask Effect
• Swipe Card
• Tabs
• Tag
• Tag Cloud
• Terminal Block
• Terminal Typewriter
• Text Effect
• Text Generate
• Text Gradient
• Text Hover Effect
• Text Reveal Card
• Text Shine
• Text Wave
• Theme Selector
• Timeline
• Trailing Images
• Typewriter
• User Card
• Variable Font Cursor
• Video Card
• Wavy Line
• Window Frame
• Wobble Card
• Word Counter
• World Map

Tables, lists and data structures

• Code Diff
• Comparison Table
• Data Table
• Headless Table
• JSON Viewer
• Kanban
• Pagination
• Tree View
• Virtual List

Status, alerts and notifications

• Alert
• Banner
• Cookie Banner
• Countdown Timer
• Feedback Widget
• Log Viewer
• Multi Step Loader
• Notice Bar
• Notification Bell
• Onboarding Tour
• Progress
• Skeleton
• Spinner
• Status Page
• Sticky Banner
• Stopwatch
• Toast

Structure and arrangement

• Aspect Ratio
• Bento Grid
• Direction
• Dock
• Draggable
• Floating Bar
• Floating Navbar
• Image Cropper
• Infinite Scroll
• Masonry
• Menubar
• Mini Map
• Navbar Menu
• Navigation Menu
• Resizable
• Resizable Navbar
• Scroll Area
• Scroll Progress
• Scroll Reveal
• Scroll Spy
• Separator
• Sidebar
• Sortable List
• Table of Contents
• Vertical Nav

Modals, popovers and menus

• Action Menu
• Command
• Dropdown Menu
• Expandable Card List
• Link Preview
• Modal
• Tooltip
• Tooltip Card

Data visualization

• Area Chart
• Bar Chart
• Chart
• Donut Chart
• Funnel Chart
• Line Chart
• Pie Chart
• Radar Chart
• Radial Bar Chart
• Sparkline

Full-bleed decorative backdrops for hero/marketing sections

• Aurora Background
• Background Beams
• Background Beams With Collision
• Background Boxes
• Background Gradient Animation
• Background Lines
• Background Ripple Effect
• Balloon Background
• Canvas Reveal Effect
• Dark Gradient Background
• Dotted Glow Background
• Hero Highlight
• Lamp
• Light Beam
• Moving Bands
• Noise Background
• Shooting Stars
• Sparkles
• Spotlight New
• Stars Background
• Vortex
• Warp Background
• Wavy Background
• Webcam Pixel Grid

Composable primitives for building conversation/chat UIs

• Attachment
• Bubble
• Marker
• Message
• Message Scroller

React hooks para composição — estado, eventos, APIs do browser

• useAutoScroll
• useBattery
• useBluetooth
• useCookies
• useCopyToClipboard
• useCounter
• useDebounce
• useDropZone
• useEventCallback
• useEventListener
• useFirstVisit
• useGeolocation
• useHistory
• useInputValue
• useInView
• useIsomorphicLayoutEffect
• useKeyPress
• useKonamiCode
• useLocalStorage
• useLocation
• useMeasure
• useMemory
• useMouse
• useNetworkStatus
• useOnClickOutside
• useOnlineStatus
• useRerender
• useSessionStorage
• useSpeechSynthesis
• useStep
• useStopwatch
• useThrottle
• useVideo
• useWindowScrollPosition
• useWindowSize