# Tool Converts Jetpack Compose Previews into Embeddable Scripts

Easily share UI components across platforms.

- **Source:** [Hacker News: Show HN](https://news.ycombinator.com)
- **Published:** 2026-09-28
- **Topic:** [Software & Engineering](https://brifing.si/c/engineering)
- **Original article:** <https://composables.com/>
- **On Brifing:** https://brifing.si/s/8bf7e7f1-db7a-4e3a-bb8f-6fe37b0ba5ad

## Jetpack Compose Preview Tool

A new tool allows developers to convert Jetpack Compose previews into embeddable scripts. This functionality simplifies the process of sharing UI components across different platforms. The tool integrates seamlessly with existing development workflows, enhancing productivity and collaboration.

## Embedding UI Components

Developers can now embed their Jetpack Compose previews directly into their own websites. This feature eliminates the need for manual code sharing, reducing errors and saving time. The tool supports various customization options, including preview height and appearance settings.

## Account Integration

To save and share Composables, developers need to create an account. Existing users are automatically signed in, streamlining the process. This account-based approach ensures that all saved previews are securely stored and easily accessible.

## Auto-run Functionality

The tool includes an auto-run feature that automatically updates previews when changes are made. This real-time functionality ensures that developers always have the latest version of their UI components. It also supports manual runs for more control over the preview process.

## Customization Options

Developers can customize the appearance of their embedded previews, including light and dark modes. The tool also allows for precise control over preview height, ensuring that the UI components fit perfectly within their intended environments.

## Code Snippet Generation

The tool generates a code snippet for each Composable preview, making it easy to embed in any website. This snippet includes all necessary configurations, ensuring that the preview works seamlessly across different platforms and devices.

## Streamlined Collaboration

By converting previews into embeddable scripts, the tool enhances collaboration among development teams. It allows for easy sharing and feedback on UI components, improving the overall design and development process.

## Future Implications

This tool represents a significant advancement in mobile development, particularly for teams using Jetpack Compose. It simplifies the sharing and embedding of UI components, paving the way for more efficient and collaborative workflows in the future.

## Sources covering this story

- https://composables.com/ — 

---

_Summary written by Brifing from the original reporting. Copyright in the original article belongs to its publisher; read the full piece at the link above._