codrops / inlinemenulayout

An inline menu layout with a playful hover animation and a gallery content preview panel.

Inline Menu Layout with Gallery Panel

An inline menu layout with a playful hover animation and a gallery content preview panel.

Article on Codrops

Demo

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm start

Create the build:

npm run build

Credits

• Images from Unsplash

Misc

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops

inlinemenulayout's Issues

Lot's of code

I need only menu item hover effects
No gallery on click
No preloader
No cursor
No content

Only Nav item 2 or 3, with simple hover with image, That's it

Can you please let me know which code / file is works for only nav item hover effects

Thanks

CMS Integration

This is incredibly awesome. How might one integrate this with a CMS, though? For example, WordPress places images in year/month directories as opposed to a set, predetermined directory.

That makes this essentially impossible, no?

const images = Object.entries(require('../img/*.jpg'));