Look inside the lab
Explore the hooks, components, utilities, tips and tricks you need or didn't know you need.
Components
Bring the components into your own design system. Customize each slot of each component to fit your needs.
Hooks
Constelation of all sorts of react hooks. Have your reusable pieces of logic ready to use across any of your projects.
Blog
Guides and tutorials on the latest trends and best practices in React.js ecosystem and beyond.
Meet some components
See some of the latest experiments and ideas in action.
Select
Powerful select component with built-in support for some of the most common use cases, like multiselect, infinite-scroll, autocomplete, keyboard navigation, controlled/uncontrolled and more.
Dropdown
Highly customizable dropdown with features like infinite-scroll, nested dropdowns, keyboard navigation, and more.
Popover
Mighty popover, the underlying component for Select and Dropdown. Can be used as a tooltip.
Resizable
Resize horizontally any section or an element. Useful for side panels, toolbars or any horizontally stacked sections.
Use the lab in your project now
AndrejGround Lab is available as an NPM package. Set it up in these two steps:
1. Install the package
- npm
- pnpm
- Yarn
npm install @andrejground/lab
pnpm install @andrejground/lab
yarn add @andrejground/lab
2. Import the styles in the root of your app
import '@andrejground/lab/style.css';
Happy coding! 🫡