December 17, 2024

Release v2

This is the first release of Justd. It includes all the components and utilities that you need to build your next project.

What's New

Upgrade to Tailwind v4.
With Tailwind v4 adopting OKLCH for colors, we've aligned our format to match.
Remove TRAC
Redesign every component
Remove color accent-subtle, accent-subtle-fg, tertiary, tertiary-fg
Add color sidebar, sidebar-fg, navbar, navbar-fg.
Add color for charts chart-1, chart-2, chart-3, chart-4, chart-5
Calendar and Range Calendar now by default use rounded-lg instead of rounded-full
Some existing components, such as Chart, Sidebar, Disclosure, and TagGroup, no longer utilize the Compound Pattern.
Add new page Blocks
Grid move to Alpha
Grid remove Collections
cn() now is moved to utils/classes.ts to more consistent with the rest of the components.
useMediaQuery now is move to utils/use-media-query.ts
Pagination now use segment props instead of variant.
Allow visibleDuration to Date Range Picker and Range Calendar
Some components rewrite to be better including:
- Sidebar
- Disclosure
- Navbar
- Button
- Field

Pages

Several pages have been updated, and there's also a new one.

Blocks

The new Blocks page showcases complex components like sidebars and navbars. If you're interested, you can check it out here.

Themes

The Themes page has been improved. It's no longer just a list of themes; instead, it allows you to customize your theme, including options for primary colors, accents, base grays, and default border radius. Explore it here.

--bg

--fg

--primary

--primary-fg

--secondary

--secondary-fg

--accent

--accent-fg

--muted

--muted-fg

--overlay

--overlay-fg

--success

--success-fg

--warning

--warning-fg

--danger

--danger-fg

--border

--input

--ring

--chart-1

--chart-2

--chart-3

--chart-4

--chart-5

--navbar

--navbar-fg

--sidebar

--sidebar-fg

Colors

With Tailwind v4 adopting OKLCH for colors, we've updated our format to align with it. Discover the new colors here.

CLI

The CLI has been updated to support projects using Tailwind v3. It intelligently detects your project type and installs the necessary packages.

Change Log

Biomejs Integration by @Makisuo in https://github.com/irsyadadl/justd/pull/250
Cleanup by @Makisuo in https://github.com/irsyadadl/justd/pull/251
chore(deps): upgrade justd-icons to v1.10.0 by @phucto2001 in https://github.com/irsyadadl/justd/pull/248
chore(deps): upgrade justd-icons to v1.10.0 by @irsyadadl in https://github.com/irsyadadl/justd/pull/252
Tailwind v4 by @irsyadadl in https://github.com/irsyadadl/justd/pull/243
Main by @irsyadadl in https://github.com/irsyadadl/justd/pull/255
Merge pull request #255 from irsyadadl/main by @irsyadadl in https://github.com/irsyadadl/justd/pull/256
clean v2 by @irsyadadl in https://github.com/irsyadadl/justd/pull/258
to 2.x by @irsyadadl in https://github.com/irsyadadl/justd/pull/262
wip by @irsyadadl in https://github.com/irsyadadl/justd/pull/263
Merge pull request #263 from irsyadadl/main by @irsyadadl in https://github.com/irsyadadl/justd/pull/264
Makisuo/main by @irsyadadl in https://github.com/irsyadadl/justd/pull/268
feat: add react compiler + nextconfig.ts by @Makisuo in https://github.com/irsyadadl/justd/pull/267

New Contributors

@Makisuo made their first contribution in https://github.com/irsyadadl/justd/pull/250
@phucto2001 made their first contribution in https://github.com/irsyadadl/justd/pull/248

Full Changelog: https://github.com/irsyadadl/justd/compare/v1.0.0...v2.0.0