|
1 | 1 | # Once UI for Next.js |
2 | 2 |
|
3 | | -A design system for indie builders who move fast and break limits without neglecting quality. |
| 3 | +A design system for indie builders who move fast and break limits without neglecting quality. Once UI combines the simplicity of low-code with the power of code: write 70% less compared to shadcn + tailwind. |
4 | 4 |
|
5 | 5 |
|
6 | 6 |  |
7 | 7 |
|
8 | | -# Features |
| 8 | +## Features |
9 | 9 |
|
10 | | -Start building your Next.js app in minutes with: |
11 | | -* **A robust token and style system** that simplifies customization and ensures consistency. |
12 | | -* **A copy-and-paste component library** that integrates seamlessly into your project. |
13 | | -* **Interactive documentation** to apply your branding and set component properties. |
| 10 | +Start building your Next.js app in minutes. |
14 | 11 |
|
15 | | -# Demo |
16 | | -[demo.once-ui.com](https://demo.once-ui.com) |
| 12 | +* **Customization**: Manage design config in a single file. |
| 13 | +* **Components**: Access advanced components with simple APIs. |
| 14 | +* **Data-viz**: Add responsive charts with a few lines of code. |
| 15 | +* **SEO**: Use our SEO components to simplify meta and schema setup. |
| 16 | +* **PRO**: Launch ready-made apps without minimal coding with Once UI Pro. |
17 | 17 |
|
18 | | - |
| 18 | +[Get Once UI Pro](https://once-ui.com/pricing) |
19 | 19 |
|
20 | | -# Getting started |
21 | | -Clone the starter template from GitHub. |
22 | | -```bash |
23 | | -git clone https://github.com/once-ui-system/nextjs-starter.git |
24 | | -``` |
| 20 | +## Demo |
25 | 21 |
|
26 | | -You can also deploy it directly to Vercel. |
| 22 | +Check the [starter demo app](https://demo.once-ui.com). |
27 | 23 |
|
28 | | -[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fonce-ui-system%2Fnextjs-starter&redirect-url=https%3A%2F%2Fonce-ui.com%2Fdocs%2F) |
| 24 | + |
29 | 25 |
|
| 26 | +## Documentation |
30 | 27 |
|
31 | | -View the step-by-step guide at [once-ui.com/docs](https://once-ui.com/docs). |
| 28 | +Learn how to build with Once UI at [docs.once-ui.com](https://docs.once-ui.com/once-ui/quick-start). |
32 | 29 |
|
33 | | -# Documentation |
34 | | -[once-ui.com/docs](https://once-ui.com/docs) |
| 30 | +## Quick start |
35 | 31 |
|
36 | | -# Authors |
37 | | -Connect with us! |
| 32 | +[Magic Portfolio](https://once-ui.com/products/magic-portfolio): Our free portfolio starter used and loved by thousands of creatives. Simple, customizable, responsive. |
| 33 | + |
| 34 | +[Magic Store](https://once-ui.com/products/magic-store) (PRO): Our premium ecommerce storefront that lets you launch your merch store in minutes. Payment, production and shipping managed by Fourthwall. |
| 35 | + |
| 36 | +[Magic Docs](https://once-ui.com/products/magic-docs) (PRO): Our premium documentation generator. Just add your MDX files and let Magic Docs handle the rest. |
| 37 | + |
| 38 | +[Magic Bio](https://once-ui.com/products/magic-bio) (PRO): Our premium link-in-bio template that automatically fetches open-graph data. Just add your links and deploy. |
| 39 | + |
| 40 | +[Once UI Blocks](https://once-ui.com/blocks) (PRO): Copy-paste pre-designed blocks and deploy fully-functional sites with lightning speed. |
38 | 41 |
|
39 | | -Lorant One: [Site](https://lorant.one), [Threads](https://www.threads.net/@lorant.one), [LinkedIn](https://www.linkedin.com/in/lorant-one/) |
40 | | -Zsofia Komaromi: [Site](https://zsofia.pro), [Threads](https://www.threads.net/@zsofia_kom), [LinkedIn](https://www.linkedin.com/in/zsofiakomaromi/) |
| 42 | +[Once UI for Figma](https://once-ui.com/figma) (PRO): Design and prototype entire products from scratch in hours. |
41 | 43 |
|
42 | | -# Get involved |
43 | | -- Join the [Design Engineers Club](https://discord.com/invite/5EyAQ4eNdS) on Discord to connect with designers, developers and share your projects. |
44 | | -- Report a [bug](https://github.com/once-ui-system/nextjs-starter/issues/new?labels=bug&template=bug_report.md). |
45 | | -- Submit a [feature request](https://github.com/once-ui-system/nextjs-starter/issues/new?labels=feature%20request&template=feature_request.md). |
| 44 | +## Get started |
46 | 45 |
|
47 | | -# License |
| 46 | +Clone the starter template from GitHub: |
| 47 | +```bash |
| 48 | +git clone https://github.com/once-ui-system/nextjs-starter.git |
| 49 | +``` |
| 50 | + |
| 51 | +Deploy to Vercel with a single click: |
| 52 | +[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fonce-ui-system%2Fnextjs-starter&redirect-url=https%3A%2F%2Fonce-ui.com%2F) |
| 53 | + |
| 54 | +## Creators |
| 55 | + |
| 56 | +Connect with us! |
48 | 57 |
|
49 | | -Distributed under the MIT License. See `LICENSE.txt` for more information. |
| 58 | +**Lorant One**: [Site](https://lorant.one) / [Threads](https://www.threads.net/@lorant.one) / [LinkedIn](https://www.linkedin.com/in/lorant-one/) |
50 | 59 |
|
51 | | -# Sponsors |
| 60 | +**Zsofia Komaromi**: [Site](https://zsofia.pro) / [Threads](https://www.threads.net/@zsofia_kom) / [LinkedIn](https://www.linkedin.com/in/zsofiakomaromi/) |
52 | 61 |
|
53 | | -[github.com/sponsors/once-ui-system](https://github.com/sponsors/once-ui-system) |
| 62 | +## Become a Oncer |
54 | 63 |
|
55 | | -Become a sponsor and help us continue to develop and maintain this project. |
| 64 | + |
56 | 65 |
|
57 | | -# Once UI for Figma |
| 66 | +Join the [Design Engineers Club](https://discord.com/invite/5EyAQ4eNdS) on Discord to connect with us and share your projects. |
58 | 67 |
|
59 | | -Once UI is also available for Figma. |
60 | | -Design and prototype entire products from scratch in hours. Use the same tokens and components as the Next.js design system. |
| 68 | +Found a bug? Report it [here](https://github.com/once-ui-system/nextjs-starter/issues/new?labels=bug&template=bug_report.md). Got a feature request? Submit it [here](https://github.com/once-ui-system/nextjs-starter/issues/new?labels=feature%20request&template=feature_request.md). |
61 | 69 |
|
62 | | -Start designing: [once-ui.com/figma](https://once-ui.com/figma) |
| 70 | +## Sponsors |
63 | 71 |
|
64 | | -# Once UI Pro |
| 72 | +Once UI is an indie project. [Sponsor us](https://github.com/sponsors/once-ui-system) and get featured on our site! |
65 | 73 |
|
66 | | -Take your project further with Once UI Pro. Get access to complete templates, fully designed pages, and modular blocks that make building apps even faster. |
| 74 | +## License |
67 | 75 |
|
68 | | -Explore Pro: [once-ui.com/pro](https://once-ui.com/pro) |
| 76 | +Distributed under the MIT License. See `LICENSE.txt` for more information. |
0 commit comments