Sample - My components

what is my components? your personal library for creating, saving, and reusing custom components it's like having your own design kit that you can use across all your projects current status my components section active and ready access private/public toggle available tabs all, public, private status "no custom components available" cta "create your first component" button key features > create custom components from scratch > save designs for reuse > organize by public/private access > search and filter components > version control > team collaboration (share with others) > reuse across unlimited projects > import/export capabilities > component categories and tags how to create components click "create your first component" design on canvas (buttons, cards, forms, etc ) select elements save as component name and describe choose private (only you) or public (team access) component appears in my components library drag to any project to reuse component types you can create ui components buttons, cards, modals, form inputs, navigation data display tables, badges, progress bars, status indicators forms contact, login, registration, checkout forms sections hero, features, testimonials, pricing, cta custom business product cards, profiles, booking, widgets managing components action how view all, public, or private tabs search use search box to find by name edit right click → edit delete right click → delete duplicate right click → duplicate for variations share toggle public for team access use drag from my components to canvas best practices > use clear, descriptive names (e g , "primarybutton" not "button1") > make components responsive/mobile friendly > add descriptions for other team members > include all states (hover, active, disabled) > test before sharing > version important updates > keep components focused and single purpose > document usage guidelines quick start click "create your first component" button design a simple button or card save it as component give it a name (e g , "primarybutton") choose private or public click save it appears in my components! drag to any project to reuse currently 0 components (ready for your first one!) access unlimited component creation status ready to build your design system!