Skip to content
OwnlyPlans

Share your first UI component

by Admin

Components are small UI pieces, such as a button, a loader or a toggle, that run live right on their page. Visitors can switch the preview between light and dark, replay it, and copy the code.

What to include

Open Share, choose Component, and paste your HTML, CSS and JavaScript. The live preview updates as you type, so you see exactly what visitors will see.

Add a React version if you have one. Components with a React version get a one-line install with the shadcn CLI, and their file lands in components/ownlyplans/ in the visitor’s project.

Make it good

Keep it to one idea. Use real buttons and labels so keyboards and screen readers work, and respect reduced motion. Previews run in a locked sandbox with no network, so inline everything the component needs.