Code Snippets

Collection of useful code snippets.

Grid gallery

How to create main picture + bottom thumbnails design with Grid.

Utilities collection

JavaScript utilities in single line of code

Loading Progress

React for nprogress.

Sidebar

Use grid to create sidebar layout.

Slider

Slider allow users to make selections from a range of values.

Sticky Nav

Create a fixed navbar.

Tabs

Tab component with animated highlight on hover.

useDebounce

This hook allows you to debounce any fast changing value.

useHasMounted

Avoid weird SSR issues with this handy React hook. Know whether you're rendering on the client or server!

useOnClickOutside

This hook can detect clicks outside the specified element, and elements suitable for Modal or Dropdown menus are automatically closed when an element other than the element is clicked.

useToggle

Handy syntactic sugar around useState, for toggling a boolean value on and off.