KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

card-vibes

★ 262 Open GitHub ↗

The card component with good vibes

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<img src="https://user-images.githubusercontent.com/1863771/40743021-f8bcbbd2-646d-11e8-9301-2f24552ff763.gif"/>
 
 A Card component with good vibes

&nbsp;

`card-vibes` is a beautiful card component that moves with grace on hover. [Here's a demo on codesandbox](https://codesandbox.io/s/v8chv)

&nbsp;

#### install

```
npm install card-vibes
```

&nbsp;

#### usage

```jsx
import React from 'react'
import Card from 'card-vibes'

<Card>
 You can put whatever you want inside the card
 and it will look dope
</Card>
```

![dope](https://user-images.githubusercontent.com/1863771/40743011-f2b20666-646d-11e8-9403-25d5710abf2f.gif)

&nbsp;

#### custom styles

card-vibes does come with it's own styles that give it such good vibes, you can overwrite them by adding your own `className` or `style` tag

```jsx
import React from 'react'
import Card from 'card-vibes'

<Card style={{ width: '600px', padding: '20px' }}>
 You can put whatever you want inside the card
 and it will look dope
</Card>
```

&nbsp;

#### Related projects

- [react-vanilla-tilt](https://github.com/siddharthkp/react-vanilla-tilt): A more version of Tilt component

Thanks to
- [vanilla-tilt.js](https://github.com/micku7zu/vanilla-tilt.js) by [@micku7zu](https://github.com/micku7zu)
- [tilt.js](https://github.com/gijsroge/tilt.js) by [@gijsroge](https://github.com/gijsroge)

&nbsp;

#### like it?

:star: this repo

&nbsp;

#### license

card-vibes

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README