# Hud components

> Level up interfaces with 7 HUD components for React, using Tailwind CSS to create heads-up displays and overlay information panels.

11 components available. Showing all of them below.

- [Animated HUD Targeting UI](https://21st.dev/@isaiahbjork/components/animated-hud-targeting-ui.md) — by Isaiah
- [Hud Status](https://21st.dev/@isaiahbjork/components/hud-status-1.md) — by Isaiah
- [Animated Download](https://21st.dev/@isaiahbjork/components/animated-download.md) — by Isaiah
- [Vector Pad](https://21st.dev/@daiwiikharihar17147/components/vector-pad.md) — by Daiwiik Harihar
- [Warning Graphic](https://21st.dev/@isaiahbjork/components/warning-graphic.md) — by Isaiah
- [HUD Button](https://21st.dev/@isaiahbjork/components/hud-button.md) — by Isaiah
- [HUD Area Chart](https://21st.dev/@isaiahbjork/components/hud-area-chart-1.md) — by Isaiah
- [Waveform](https://21st.dev/@thegridcn/components/waveform.md) — by The Gridcn
- [BlueprintBentoGrid](https://21st.dev/@dhileepkumargm/components/blueprint-bento-grid.md) — by Dhileep Kumar GM
- [Beam Marker](https://21st.dev/@thegridcn/components/beam-marker.md) — by The Gridcn
- [Video Player](https://21st.dev/@thegridcn/components/video-player.md) — by The Gridcn

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