Effsemble is an extensive library of blocks and components specifically designed for web developers and designers to conveniently reference various styles of common website elements using Tailwind CSS. By levraging Effsemble, you can rapidly and effectively assemble website components, optimize your workflow, and enhance your productivity.
Component list:
- Accordion
- Alert
- Badge
- Breadcumb
- DropdownMenu
- ListBox
- Modal
- Notification
- Pagination
- Radio
- Step
- Tab
- Toggle
Accordion | Alert |
Badge | Breadcumb |
DropdownMenu | ListBox |
Modal | Notification |
Pagination | Radio |
Step | Tab |
Toggle |
Requires Node.js v10+ to run.
Install the dependencies and devDependencies and start the server.
npm install
components/ (includes all components)
├── Accordion
├── Alert
├── Badge
├── Breadcumb
├── DropdownMenu
├── ListBox
├── Modal
├── Notification
├── Pagination
├── Radio
├── Step
├── Tab
├── Toggle
Pages/ (includes all demo pages)
├── accordion
├── alert
├── badge
├── breadcumb
├── dropdownMenu
├── listBox
├── modal
├── notification
├── pagination
├── radioGroup
├── step
├── tab
├── toggle
Start the Next.js Server
npm run dev
Use the following link to access the specific page
http://localhost:8080/{PAGE_NAME}/{[COMPONENT_NAME]StyleOneDemo}
for example
http://localhost:8080/accordion/AccordionStyleOneDemo
MIT