https://github.com/codewithdpk/pretty-pretty

Attractive Web UI components.
https://github.com/codewithdpk/pretty-pretty

Last synced: about 1 year ago
JSON representation

Attractive Web UI components.

• Host: GitHub
• URL: https://github.com/codewithdpk/pretty-pretty
• Owner: codewithdpk
• Created: 2021-04-14T15:55:41.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2024-06-26T10:45:15.000Z (almost 2 years ago)
• Last Synced: 2025-03-23T14:07:56.347Z (over 1 year ago)
• Language: JavaScript
• Size: 130 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Pretty-Pretty

Pretty-Pretty is a UI component library of ready-made components like Buttons, Cards and more.

## Installation

Use the node package manager [npm](https://www.npmjs.com/) to install Pretty-Pretty.

```bash

npm i pretty-pretty

```

## Usage

### Card

```javascript

import { PrettyCard } from "pretty-pretty";

function App() {

  return (

    

      

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

        tempor incididunt ut labore et dolore magna aliqua.

      

    

  );

}

export default App;

```

### Result

![alt text](https://github.com/codewithdpk/pretty-pretty/blob/main/assets/imgs/pretty-pretty-card-demo.png?raw=true)

## Buttons

### Normal Type

```javascript

import { PrettyBtn } from "pretty-pretty";

function App() {

  return (

    


      


        


          PRIMARY_FILLED_LARGE 


          

        

        


          SECONDARY_LARGE

          


          

        

      

    

  );

}


export default App;

```

### Result

![alt text](https://github.com/codewithdpk/pretty-pretty/blob/main/assets/imgs/pretty-pretty-btn-normal.png?raw=true)

### Get Started Type

```javascript

import { PrettyBtn } from "pretty-pretty";

function App() {

  return (

    


      


        


          GET_STARTED_PRIMARY 


          

        

        


          GET_STARTED_SECONDARY

          


          

        

      

    

  );

}


export default App;

```

### Result

![alt text](https://github.com/codewithdpk/pretty-pretty/blob/main/assets/imgs/pretty-pretty-btn-gs.png?raw=true)

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)