-
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #52 from castrogarciajs/main
close #41
- Loading branch information
Showing
15 changed files
with
172 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| import {Github} from 'lucide-astro' | ||
| import Link from "./Link.astro"; | ||
| --- | ||
|
|
||
| <header class="py-4 px-8 flex justify-between items-center"> | ||
| <figure class="m-0 flex items-center justify-center gap-2"> | ||
| <Image src='/openui-logo.svg' alt='Logo de open UI design system' title='Logo de open ui' width='50' height='50' /> | ||
| <h2 class="text-2xl font-medium"> | ||
| Open UI | ||
| </h2> | ||
| </figure> | ||
| <div class="flex justify-center gap-8"> | ||
| <nav class="flex justify-center items-center gap-6"> | ||
| <a href="https://docs.openui.org" class="hover:text-white/90" target="_blank">Docs</a> | ||
| <a href="https://www.figma.com/community/file/1354464067434498042" class="hover:text-white/90" target="_blank">Figma</a> | ||
| </nav> | ||
| <nav class="flex justify-center gap-4 items-center"> | ||
| <Link href="https://github.com/open-land/open-ui" target="_blank"> | ||
| <Github class="size-6" /> | ||
| Github | ||
| </Link> | ||
| </nav> | ||
| </div> | ||
| </header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
|
|
||
| <a class="inline-flex items-center justify-center whitespace-nowrap rounded text-base font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 text-black bg-white shadow hover:bg-white/90 h-9 px-4 py-2 gap-1 cursor-pointer" {...Astro.props} > | ||
| <slot /> | ||
| </a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,11 +1,35 @@ | ||
| --- | ||
| import { Button } from '@openui-org/react' | ||
| import {ArrowUpRight} from 'lucide-astro' | ||
| import Layout from '../layouts/Layout.astro'; | ||
| import Link from '../components/Link.astro'; | ||
| --- | ||
|
|
||
| <Layout title="Welcome to Open UI."> | ||
| <main> | ||
| <h1>Hello Open Land</h1> | ||
| <Button> Get Started </Button> | ||
| </main> | ||
| <img src="/gradient.png" alt="" class="absolute -top-8 left-2/4 -translate-x-1/2" width="800"> | ||
| <section class="py-24 sm:py-32 md:py-40 relative dark:bg-gradient-to-b from-gray-950 to-gray-900"> | ||
| <div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl gap-16 sm:gap-y-24 flex flex-col"> | ||
| <div class="text-center relative z-[1]"> | ||
| <h1 class="text-6xl font-bold tracking-tight text-white text-balance"> | ||
| <b class="text-secondary-500"> | ||
| Open UI | ||
| </b>. A modern design system built with <b class="text-secondary-500"> | ||
| Shadcn UI</b> and | ||
| <b class="text-secondary-500"> | ||
| Tailwind CSS | ||
| </b> | ||
| </h1> | ||
| <p class="mt-6 text-lg tracking-tight text-dark-500 text-pretty"> | ||
| Open UI is an open source design system with a completely cutting-edge system. <br> Fully customizable and modifiable you will make UI development much faster with fully stylized components. | ||
| </p> | ||
| <div class="mt-10 flex flex-wrap gap-x-6 gap-y-3 justify-center"> | ||
|
|
||
| <Link href="https://docs.openui.org"> | ||
| <ArrowUpRight class="size-6"/> | ||
| Get Started | ||
| </Link> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </Layout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| 'use client' | ||
|
|
||
| import { Checkbox, Label } from '@openui-org/react' | ||
|
|
||
| export function CheckboxWithText() { | ||
| return ( | ||
| <div className="items-top flex space-x-2"> | ||
| <Checkbox id="terms1" /> | ||
| <div className="grid gap-1.5 leading-none"> | ||
| <Label> | ||
| Accept terms and conditions | ||
| </Label> | ||
| <p className="text-sm text-muted-foreground"> | ||
| You agree to our Terms of Service and Privacy Policy. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| import * as React from 'react' | ||
| import * as CheckboxPrimitive from '@radix-ui/react-checkbox' | ||
|
|
||
| import { cn } from '../lib/cn' | ||
|
|
||
| const Checkbox = React.forwardRef< | ||
| React.ElementRef<typeof CheckboxPrimitive.Root>, | ||
| React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> | ||
| >(({ className, ...props }, ref) => ( | ||
| <CheckboxPrimitive.Root | ||
| ref={ref} | ||
| className={cn( | ||
| 'peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', | ||
| className, | ||
| )} | ||
| {...props} | ||
| > | ||
| <CheckboxPrimitive.Indicator | ||
| className={cn('flex items-center justify-center text-current')} | ||
| > | ||
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-check size-4"><path d="M20 6 9 17l-5-5" /></svg> | ||
| </CheckboxPrimitive.Indicator> | ||
| </CheckboxPrimitive.Root> | ||
| )) | ||
|
|
||
| Checkbox.displayName = CheckboxPrimitive.Root.displayName | ||
|
|
||
| export { Checkbox } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.