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.


Use grid to create sidebar layout.


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

Sticky Nav

Create a fixed navbar.


Tab component with animated highlight on hover.


This hook allows you to debounce any fast changing value.


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


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.


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