# Note components

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

19 components available. Showing all of them below.

- [Note](https://21st.dev/@shugar/components/note/labels.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/success.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/action.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/error.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/cyan.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/secondary.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/warning.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/violet.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note/disabled.md) — by tigran tumasov
- [Note](https://21st.dev/@shugar/components/note.md) — by tigran tumasov
- [Floating Panel](https://21st.dev/@cult-ui/components/floating-panel.md) — by cult/ui
- [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
- [Card Studio](https://21st.dev/@ShadcnStudio/components/card-studio/meeting-notes-card.md) — by ShadcnStudio
- [Hero Section Note](https://21st.dev/@meschacirung/components/hero-section-note.md) — by Méschac Irung
- [Admonition](https://21st.dev/@deltacomponents/components/admonition/all-types-admonition.md) — by deltacomponents
- [Sketchpad Dropzone](https://21st.dev/@ruixen.ui/components/sketchpad-dropzone.md) — by Ruixen UI
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/notes-panel.md) — by Abraham

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