# Note components

> Add contextual information to your Next.js apps with 3 stylish React note components using Tailwind CSS.

20 components available. Showing all of them below.

- [Note](https://21st.dev/@shugar/components/note/disabled.md) — by tigran tumasov
- [Card Studio](https://21st.dev/@clevision/components/card-studio/meeting-notes-card.md) — by Clevision
- [Admonition](https://21st.dev/@deltacomponents/components/admonition/all-types-admonition.md) — by deltacomponents
- [Popover](https://21st.dev/@halaska-studio/components/popover/with-field.md) — by halaska-studio
- [Sketchpad Dropzone](https://21st.dev/@ruixen.ui/components/sketchpad-dropzone.md) — by Ruixen
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/notes-panel.md) — by Abraham
- [Floating Panel](https://21st.dev/@cult-ui/components/floating-panel.md) — by cult/ui
- [Note Graph](https://21st.dev/@astralyxdev/components/note-graph.md) — by astralyxdev
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover/with-textarea.md) — by Julien Thibeaut
- [Floating Action Panel](https://21st.dev/@Codehagen/components/floating-action-panel.md) — by Prism UI
- [Popover](https://21st.dev/@ibelick/components/popover.md) — by Julien Thibeaut
- [Note](https://21st.dev/@shugar/components/note/secondary.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/error.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/labels.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/action.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/cyan.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/violet.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/success.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/warning.md) — by tigran tumasov

Full component directory: https://21st.dev/llms.txt