Frequently asked questions

No. You can use the editor visually, but knowing HTML + CSS, React Component, or React + Tailwind workflows will help you get more value from the export and utility tools.

Yes. You can start on the free plan and upgrade later when you need more saved components, design-system organization, and advanced workflow features.

Go to the editor, choose a component type or preset, then customize styles, structure, and content. You can save your work and return to it later from your dashboard.

ElementYard offers a free plan for getting started and a Pro plan for more serious ongoing UI work. Plans may expand over time as the product grows.

Yes. You can cancel from your billing area. If your subscription is already active, you will usually keep access until the end of the current billing period.

Your billing page includes payment history, invoice access where available, and a summary of your current plan and renewal information.

Your subscription status may change depending on Stripe’s retry flow. If payment cannot be collected, access to paid features may eventually be limited until billing is resolved.

A preset is a reusable saved style configuration for a component type. It helps you start with a specific look instead of rebuilding the same styling every time.

Yes. You can create and save your own presets for supported components, then reuse them later directly from the presets flow.

Yes. Saved components can be reopened from the dashboard so you can continue editing, rename them, export them again, or use them inside design systems.

Yes. The editor supports selection, duplication, moving, deleting, and other layout actions depending on the component and element type.

A design system is a project area where you can group related saved components and categories together so your work stays organized and easier to reuse.

Yes. Categories help organize components by purpose, such as buttons, forms, navigation, marketing, or product UI.

No. Adding a saved component into a design system organizes it inside that project, but it does not remove the original saved item from your account.

ElementYard launch exports focus on HTML + CSS, React Component, and React + Tailwind so your visual work can move into real frontend projects.

Available tools include Code Checker, CSS to Tailwind Converter, Code Cleanup, WCAG Contrast Checker, Wave & SVG Divider Maker, and design utilities for gradients, palettes, shadows, spacing, and typography.

Yes. Export areas usually support previewing, copying, and downloading code so you can move quickly into your own project workflow.

Exports are designed to save time, but you may still want to refine markup, class names, and structure depending on your project conventions.

Use the forgot-password flow on the login page. If password reset is enabled in your auth setup, you will receive instructions by email.

For security, inactive sessions may time out after a period of inactivity. You can sign back in to continue where you left off.

Payments and billing management are handled through Stripe, which manages payment processing and billing portal functionality.

Your saved components and account data are tied to your authenticated account. Access depends on your app’s authentication and database policies.