An experimental framework for automatically adapting interfaces by adjusting layouts and components based on user context.
export default component$(() => {
return (
<AIComponent
intent="Show product card horizontal max height 350px"
data={{
name: "Wireless Headphones",
price: "$99.99",
imageUrl: "https://example.com/headphones.jpg",
features: [
"Bluetooth 5.0",
"Noise Cancellation",
"20-hour Battery Life"
],
}}
/>
});Automatically adjusts your UI based on device, user preferences, and environmental context.
Built for instant page loads and optimal performance without sacrificing functionality.
Define multiple layout variants and let the framework choose the best one for each user.
Try Adaptive UI in our interactive playground and see how it transforms your development workflow.
Try Playground