Skip to content

Commit

Permalink
feat: blog
Browse files Browse the repository at this point in the history
  • Loading branch information
jrgarciadev committed Jan 16, 2025
1 parent 3d7da14 commit cb45b85
Show file tree
Hide file tree
Showing 16 changed files with 112 additions and 17 deletions.
2 changes: 1 addition & 1 deletion apps/docs/components/blog-post.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ const BlogPostCard = (post: BlogPost) => {
<CardHeader>
<Link
as={NextLink}
className="font-semibold "
className="font-semibold text-foreground"
href={post.url}
size="lg"
underline="hover"
Expand Down
12 changes: 7 additions & 5 deletions apps/docs/components/marketing/hero/hero.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,16 +34,18 @@ export const Hero = () => {
<div className="flex justify-center w-full md:hidden">
<Chip
as={NextLink}
className="bg-primary-100/50 border-1 hover:bg-primary-100/80 border-primary-200/50 cursor-pointer"
className="bg-foreground-100/50 border-1 hover:bg-foreground-100/80 border-foreground-200/50 cursor-pointer"
classNames={{
content: "font-semibold text-primary-500 dark:text-primary-600 text-xs ",
content: "font-semibold text-foreground text-xs ",
}}
color="primary"
href="/blog/v2.6.0"
href="/blog/introducing-heroui"
variant="flat"
onClick={() => handlePressAnnouncement("New version v2.6.0", "/blog/v2.6.0")}
onClick={() =>
handlePressAnnouncement("Introducing HeroUI", "/blog/introducing-heroui")
}
>
New version v2.6.0&nbsp;
Introducing HeroUI&nbsp;
<span aria-label="emoji" role="img">
🔥
</span>
Expand Down
10 changes: 5 additions & 5 deletions apps/docs/components/navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -215,16 +215,16 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
{versionDropdown}
<Chip
as={NextLink}
className="hidden sm:flex bg-primary-100/50 border-1 hover:bg-primary-100/80 border-primary-200/50 cursor-pointer"
className="hidden sm:flex bg-foreground-100/50 border-1 hover:bg-foreground-100/80 border-foreground-200/50 cursor-pointer"
classNames={{
content: "font-semibold text-primary-500 dark:text-primary-600 text-xs ",
content: "font-semibold text-foreground text-xs ",
}}
color="primary"
href="/blog/v2.6.0"
href="/blog/introducing-heroui"
variant="flat"
onClick={() => handlePressNavbarItem("New version v2.6.0", "/blog/v2.6.0")}
onClick={() => handlePressNavbarItem("Introducing HeroUI", "/blog/introducing-heroui")}
>
New version v2.6.0&nbsp;
Introducing HeroUI&nbsp;
<span aria-label="emoji" role="img">
🔥
</span>
Expand Down
93 changes: 93 additions & 0 deletions apps/docs/content/blog/introducing-heroui.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
---
title: "Introducing HeroUI"
description: "HeroUI is the new identity for NextUI, bringing the same powerful components and features you love under a new name."
date: "2025-01-16"
image: "/blog/introducing-heroui.png"
tags: ["nextui", "select", "listbox", "scroll-shadow", "multi-select"]
author:
name: "Junior Garcia"
username: "@jrgarciadev"
link: "https://x.com/jrgarciadev"
avatar: "/avatars/junior-garcia.jpeg"
---

<img
src="/blog/introducing-heroui_2x.png"
width={700}
height={350}
alt="Introducing HeroUI"
className="w-full border border-transparent dark:border-default-200/50 object-fit rounded-xl shadow-lg"
/>

We're excited to announce that **HeroUI** is the new identity for NextUI, bringing the same beautiful components and features you love but now under a _new_ name.

<Spacer y={4} />

## Why the change?

When we started NextUI, our mission was to create not only the most beautiful UI library but also one that fully supported all the latest Next.js features. The name "NextUI" aligned perfectly with this initial vision. We played a significant role in enriching the Next.js ecosystem, giving developers more options and high-quality components to build their applications with Next.js and its latest features, including Server Components.

This journey led us to create [tailwind-variants](https://tailwind-variants.org) and migrate our entire [v1 codebase](https://v1.nextui.org) to Tailwind CSS, always pursuing our vision of being the best UI library for Next.js.

However, as we grew, we realized our core mission had expanded: we want to help not just Next.js developers, but the entire React ecosystem build fast and beautiful applications, regardless of their design experience. We've since added support for other React frameworks like [Astro](https://astro.build/), [Remix](https://remix.run/), [Vite](https://vitejs.dev/), and [Laravel](https://laravel.com/). Looking ahead, we aim to expand beyond web development into other ecosystems like [React Native](https://reactnative.dev/).

Additionally, we want to avoid any confusion about our library being created or maintained by the Next.js team. HeroUI better reflects our independent identity and broader mission.


## How to Migrate?

We've worked for months to make the migration as seamless as possible. You only need to run one command in your project's root folder:

```bash
npx @heroui/codemod@latest migrate
```

This will automatically update your project to use HeroUI.

> For detailed migration instructions, visit our [migration guide](/docs/guide/nextui-to-heroui).
We've also opened a dedicated migration support channel on our [Discord server](https://discord.gg/9b6yyZKmH4) where our team is ready to assist you.

## Migration Notes

Important changes to note:

- Use `heroui-cli` instead of `nextui-cli`
- All `@nextui-org` packages are now deprecated and moved to the `@heroui` organization
- Example: `@nextui-org/react``@heroui/react`
- No new bug fixes or features will be released to the `@nextui-org` packages

We recommend migrating to the new `@heroui` packages as soon as possible. To ensure a smooth transition, we haven't introduced any breaking changes or new features with this rebranding.


## What's Next?

Our 2025 roadmap is packed with exciting new features and components. Upcoming releases will include:

- Toast component
- New Accordion APIs
- Number Input component
- Carousel component
- Tailwind CSS v4 support
- New documentation with refreshed styles
- Complete React 19 support and codebase migration
- Table APIs improvements
- HeroUI v3 with refreshed component designs, reduced bundle size, and more personalization options
- And much more!

As always, we are incredibly grateful for your continued support and contributions. There are many exciting milestones ahead, and we invite you to join us on this journey.

<Spacer y={8} />

---

## Community

We're excited to see the community adopt NextUI, raise issues, and provide feedback.
Whether it's a feature request, bug report, or a project to showcase, please get involved!

<Community />

## Contributing

PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
2 changes: 1 addition & 1 deletion apps/docs/content/blog/nextui-v2.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -327,4 +327,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get

## Contributing

PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
2 changes: 1 addition & 1 deletion apps/docs/content/blog/v2.1.0.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -164,4 +164,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get

## Contributing

PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
2 changes: 1 addition & 1 deletion apps/docs/content/blog/v2.2.0.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -440,4 +440,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get

## Contributing

PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
2 changes: 1 addition & 1 deletion apps/docs/content/blog/v2.3.0.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -425,4 +425,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get

## Contributing

PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
2 changes: 1 addition & 1 deletion apps/docs/content/blog/v2.4.0.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -344,4 +344,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get

## Contributing

PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
2 changes: 1 addition & 1 deletion apps/docs/content/blog/v2.6.0.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -769,4 +769,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get

## Contributing

PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
PR's on HeroUI are always welcome, please see our [contribution guidelines](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md) to learn how you can contribute to this project.
Binary file added apps/docs/public/blog/introducing-heroui.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added apps/docs/public/blog/introducing-heroui_2x.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified apps/docs/public/heroui-banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed apps/docs/public/nextui-banner.jpeg
Binary file not shown.
Binary file removed apps/docs/public/nextui-banner.png
Binary file not shown.
Binary file added heroui-banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit cb45b85

Please sign in to comment.