From b982bf93de50711bf03f9d997dc66ae70b9e1a1a Mon Sep 17 00:00:00 2001 From: ariflogs Date: Fri, 30 May 2025 02:36:43 +0600 Subject: [PATCH 1/3] docs: vite installation guide --- README.md | 1 - app/(marketing)/page.tsx | 100 ++++------ app/components/command-display.tsx | 44 +++++ app/global.css | 6 +- components/TopNav.tsx | 4 +- components/retroui/CommandDisplay.tsx | 75 ++++++++ components/retroui/index.ts | 3 +- content/docs/index.mdx | 17 ++ content/docs/install/index.mdx | 5 +- content/docs/install/nextjs.mdx | 2 + content/docs/install/vite.mdx | 258 ++++++++++++++++++++++++++ public/images/pro_showcase.svg | 24 +++ 12 files changed, 471 insertions(+), 68 deletions(-) create mode 100644 app/components/command-display.tsx create mode 100644 components/retroui/CommandDisplay.tsx create mode 100644 public/images/pro_showcase.svg diff --git a/README.md b/README.md index fa03281..14a20b3 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,6 @@ RetroUI is a retro-styled Tailwind CSS component library for modern web apps. [MIT](./LICENCE.md) -

## Supported By diff --git a/app/(marketing)/page.tsx b/app/(marketing)/page.tsx index a8bc399..b832985 100644 --- a/app/(marketing)/page.tsx +++ b/app/(marketing)/page.tsx @@ -8,6 +8,7 @@ import { Card, Avatar, Badge, + CommandDisplay, } from "@/components/retroui"; import AccordionStyleDefault from "@/preview/components/accordion-style-default"; import AlertStyleDefaultIcon from "@/preview/components/alert-style-with-icon"; @@ -74,12 +75,12 @@ export default async function Home() {

- Retro styled component library based on React and TailwindCSS. - Comes with 40+ free UI components that you can just copy paste - into your projects. + React and TailwindCSS based UI library built for making unique and + modern looking web applications. Perfect for any project using + Shadcn/ui.

-
+
- +
+ +
@@ -112,8 +107,8 @@ export default async function Home() {
{/* - Old school with modern twist! ✨ - */} + Old school with modern twist! ✨ + */}
@@ -216,7 +211,7 @@ export default async function Home() { Github Stars - 350+ + 500+
-
+
-
-
- - Ship Faster With Pro - Blocks +
+
+ + Ship Faster With Blocks
and Templates 🚀
-
- - - Based on the design foundation of RetroUI. - - - - Over 50+ premium ready-to-use components. - - - - Complete pre-built website templates. - - - - Lifetime access to all future updates. - + + Get access to 100+ premium blocks, templates and figma kit, + ready to make your project stand out. + + +
+ + + + + +
- - - -
-
- retroui code showcase - retroui code showcase + +
+ retroui code showcase +
+