├── .gitignore
├── README.md
├── package.json
├── public
├── favicon.ico
├── geist-banner.png
└── index.html
└── src
├── app.js
└── index.js
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .idea
16 | .DS_Store
17 | .env.local
18 | .env.development.local
19 | .env.test.local
20 | .env.production.local
21 |
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # CRA demo for Geist UI
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | ```
12 |
13 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14 |
15 | You can start editing the page by modifying `src/app.js`. The page auto-updates as you edit the file.
16 |
17 | ## Learn More
18 |
19 | To learn more about CRA, take a look at the following resources:
20 |
21 | - [create-react-app](https://create-react-app.dev/docs/getting-started) - learn about create React App
22 | - [customize-cra](https://github.com/arackaf/customize-cra) - Learn how to customize the configs of the CRA
23 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "geist-ui-cra",
3 | "version": "0.1.0",
4 | "license": "MIT",
5 | "scripts": {
6 | "dev": "react-scripts start",
7 | "build": "react-scripts build"
8 | },
9 | "prettier": "@geist-ui/prettier-config",
10 | "dependencies": {
11 | "@geist-ui/react": "latest",
12 | "react": "^17.0.2",
13 | "react-dom": "^17.0.2",
14 | "react-scripts": "^4.0.3"
15 | },
16 | "devDependencies": {
17 | "@geist-ui/prettier-config": "^1.0.1",
18 | "prettier": "^2.3.2"
19 | },
20 | "browserslist": {
21 | "production": [
22 | ">0.2%",
23 | "not dead",
24 | "not op_mini all"
25 | ],
26 | "development": [
27 | "last 1 chrome version",
28 | "last 1 firefox version",
29 | "last 1 safari version"
30 | ]
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geist-org/react-getting-started/8f1390a04d0804b6d1555d9174d45c8718714891/public/favicon.ico
--------------------------------------------------------------------------------
/public/geist-banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geist-org/react-getting-started/8f1390a04d0804b6d1555d9174d45c8718714891/public/geist-banner.png
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
14 |
23 | Geist UI
24 |
25 |
26 |
27 |
28 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/src/app.js:
--------------------------------------------------------------------------------
1 | import { Page, Text, Image, Display, Button, Grid } from '@geist-ui/react'
2 |
3 | const gh = 'https://github.com/geist-org/react'
4 | const docs = 'https://react.geist-ui.dev'
5 |
6 | const App = () => {
7 | const redirect = url => window.open(url)
8 |
9 | return (
10 |
11 |
15 | Welcome to{' '}
16 |
17 | Geist UI
18 | {' '}
19 | and start learning more !
20 |
21 | }>
22 |
23 |
24 |
25 |
26 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | )
37 | }
38 |
39 | export default App
40 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import App from './app'
4 | import { GeistProvider, CssBaseline } from '@geist-ui/react'
5 |
6 | ReactDOM.render(
7 |
8 |
9 |
10 |
11 |
12 | ,
13 | document.getElementById('root'),
14 | )
15 |
--------------------------------------------------------------------------------