Component Library Guide

The Component Library is the central catalog for all components available to your site. It holds components you have built, components you have imported, and free components synced from the NitroShock central repository. Access it from NitroShock → Component Library.

Library Tabs

• All Components — every component available on your site
• Favorites ★ — components you have starred for quick access
• Custom — components you created or modified yourself
• Imported — components installed from the central repository or imported via JSON

Searching & Filtering

Search by name or description using the search field at the top. Filter by category using the category dropdown — 38 categories are available including hero, features, testimonials, pricing, contact, footer, modal, cards, ecommerce, buttons, dividers, login, and more.

Per-Component Actions

• Use / Insert — inserts the component at the current position on a NitroShock-enabled page (only active while editing a page)
• Edit — opens the component in Component Studio
• Favorite ★ — adds or removes the component from your Favorites tab
• Duplicate — creates a copy of the component with "(Copy)" appended to the name
• Delete — permanently removes the component from your library

Syncing from the Central Repository

1. Click Sync Library in the library header.
2. NitroShock checks for new central repository components and downloads their metadata.
3. New items appear with an Install button.
4. Click Install on any component to add it fully to your local library.

Some central repository components are free to install. Others have a credit cost shown on the component card. You see the cost before confirming installation.

Creating Components from the Library

From the library header:

• Click Create New to open a blank Component Studio session.
• Click AI Generate to open the AI generation modal — describe what you want and the AI builds the starting code.

Importing a Component via JSON

1. Open NitroShock → Component Studio.
2. Click the Import tab in the left sidebar.
3. Paste the component JSON and click Import.

The component is added to your library and placed in the appropriate category if one is specified in the JSON.

Submitting Components to the Central Repository

To share components you have built with other NitroShock users, go to NitroShock → Submit Components. Submissions are reviewed before appearing in the public repository.

Common Questions

Can I edit a component that came from the central repository?

Yes. Open it in Component Studio, make changes, and save. It becomes a local custom component — the original repository version is unaffected.

Will deleting a component remove it from pages where it has already been inserted?

No. Pages store the rendered HTML, not a reference back to the library. Deleting a component from the library does not affect any page it was already inserted into.

How many components can I store?

There is no hard limit. Components are stored in the wp_nitroshock_components table in your WordPress database.

Next Steps

• Build a new component from scratch — see Component Studio Guide
• Enable the builder on a page — see Enabling the Page Builder on a Page
• Configure brand colors used in components — see Brand Settings & Themes