Component Library

All your captured components are saved to your personal library in the ScrapeStudio dashboard, creating a valuable resource of reusable UI elements.

Accessing Your Library

You can access your Component Library in two ways:

1. Dashboard: Visit the ScrapeStudio dashboard at dashboard.scrapestudio.com
2. Extension: Click the icon in the ScrapeStudio menu

Library Features

Component Organization

Keep your components organized with these features:

• Collections: Group related components together
• Tags: Add tags to components for easy filtering
• Favorites: Mark frequently used components as favorites
• Search: Find components by name, tags, or source website

Component Management

Manage your components with these tools:

• Preview: See how components look before using them
• Edit: Modify component code directly in the dashboard
• Export: Download components in your preferred format
• Share: Share components with team members (Team plan)
• Delete: Remove components you no longer need

Component Details

Each component in your library includes:

Collections

Collections help you organize your components into logical groups:

• Create Collections: Group components by project, client, or purpose
• Nested Collections: Create subcollections for more detailed organization
• Shared Collections: Share collections with team members (Team plan)
• Collection Templates: Create template collections for common component sets

To create a new collection:

1. Click the "New Collection" button
2. Enter a name and description
3. Choose a color (optional)
4. Add components to the collection

Component Versions

ScrapeStudio keeps track of component versions:

• Version History: See previous versions of a component
• Restore: Revert to a previous version if needed
• Compare: Compare different versions side by side
• Notes: Add notes to versions to track changes

Exporting Components

You can export components in various formats:

Sharing Components

Share components with your team:

1. Select the component(s) you want to share
2. Click the "Share" button
3. Choose team members or groups to share with
4. Set permissions (view, edit, export)
5. Add an optional message

Storage Limits

Storage limits depend on your subscription plan: