Dracula UI makes it easy to create beautiful dark apps using plain HTML or React components.
Works with your favorite libraries
Most templates are built using light colors and later on adapted to dark colors.
Dark themes shouldn't be an afterthought, they should be a top priority.
Speed up the prototyping phase by using a highly configurable Design System.
Collaborate easily by taking advantage of a carefully crafted Figma file.
Don't worry about class names, just use the Visual Studio Code code snippets.
You can take advantage of autocomplete and also access the entire documentation right from your code editor.
15.69
AAA
All accent colors are tested not only against the WCAG 2.1 Level AA spec, but also WCAG Level AAA, which requires a contrast ratio of at least 7:1. This gives you the best readability possible.
#9580FF
#80FFEA
Gradients are a surprisingly versatile tool. They can introduce depth and dimension to your app. By using one of our well-designed gradients, you can subconsciously lead users toward the focal point.
ABCDEF
012345
Good legibility is crucial to make sure the users can do their job well and with as little fatigue as possible. You can choose between different monospaced, serif, and sans-serif fonts.
As someone who is pretty decent at CSS but prefers to do something else, Dracula UI lets me be productive, have fun doing what I like while creating some gorgeous-looking UIs.
Get early access to dozens of components and start building gorgeous dark sites today.
Complete Package
$99$79
30 days refund (no Q/A)
Why is this "early access"?
Our goal is to build something special, so instead of waiting months to release this, we decided to offer an early access version that will allow you to give feedback and shape the future of this project.
Is this a yearly subscription?
No, Dracula UI includes lifetime access to all our components and patterns. This means that you'll receive free updates every time we build something new.
What can I do with this license?
You can use this to build almost anything, including your own commercial projects, client projects, or open source projects. The only restriction we have is creating derivative competing products.
What kind of support do I get?
You'll get access to a private GitHub repository where you can report bugs and get help with usage questions. You'll also get access to a private Discord with other Dracula UI users.
Is there a light theme included?
At this point Dracula UI is 100% focused on dark mode apps. Although vampires can't stand the light, we're open to the possibility of adding a light color palette in the future.
What is your refund policy?
If you're unhappy with Dracula UI for some reason, feel free to email me at zeno@draculatheme.com within 30 days and I'll fully refund you, no questions asked.