Organization and variance of demo blocks

[jasonsturges]

Probably just me, but as a new user in this landscape - I start by seeing awesome things on the homepage.

Say for example, I want to see this "Sign up" block.

At first, it seems like Primitives are maybe what I'm looking for. Like this "Edit profile" block looks similar, and perhaps something I'd find in that repo.

But I don't see it there...

However, I find it in the themes repo, which makes sense.

themes/apps/playground/app/explore-components/page.tsx

Lines 1015 to 1020 in 63b5729

	<Card variant="classic" size="4" style={{ width: 400 }}>
	<Box height="40px" mb="4">
	<Heading as="h3" size="6" mt="-1">
	Sign up
	</Heading>
	</Box>

That code throws some errors, like Box height property:

Or TextFieldRoot

themes/apps/playground/app/explore-components/page.tsx

Line 1042 in 63b5729

<TextFieldRoot variant="classic" placeholder="Enter your password" />

To which I then find a similar fragment with slightly variant implementation in the Website repo:

https://github.com/radix-ui/website/blob/53375672001048f15505f533d0ec5c6fe24996c3/components/ExampleThemesDashboard.tsx#L415-L419

      <Flex shrink="0" gap="6" direction="column" style={{ width: 416 }}>
        <Card size="4" style={{ height: 320 }}>
          <Heading as="h3" size="6" trim="start" mb="5">
            Sign up
          </Heading>

This one is functional, using different Box height props and TextField.Input vs TextFieldRoot.

Don't want to sound petty, and extremely appreciative that you provide these example blocks at all.

So excited to implement Radix UI - I love the look, feel, experience, and functional implementation. But it's kind of a confusing ecosystem at first glance... primitives, themes, multiple "getting started" buttons that seem to link to the same page but one header selects "Themes" and the other "Primitives".

Just noting a perspective coming from Material UI or Tailwind Blocks, where there's a close relationship to seeing something and viewing its code to drop into a solution quickly.

[jasonsturges]

Finally understand how this works, I think - the playground and example dashboards are in the website repo docs.

So awesome, and super clean - I'd think these would be showcased with higher visibility.