Dracula UI is a dark-first collection of UI patterns and components. Key features:

Built for Dark Mode: 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.

Designer Friendly: Speed up the prototyping phase by using a highly configurable Design System. Collaborate easily by taking advantage of a carefully crafted Figma file.

Great Developer Experience: Don’t worry about class names, just use the Visual Studio Code snippets. You can take advantage of autocomplete and also access the entire documentation right from your code editor.

Adam loves a good dark theme and supporting a fellow creator, and Hedy Li finished the episode we did with Nikita Prokopov covering FiraCode and reached out saying Zeno Rocha’s work on Dracula deserved the same credit. We agreed. So we linked up with Zeno about his passion for open source, how he’s changed his mind on making money with open source, his big release of Dracula Pro and the future of Dracula, and of course his new book – 14 Habits of Highly Productive Developers. Check for a link in the show notes for details on how to get your hands on Zeno’s book for free through our giveaway.

We use this in our admin and it works super. 👍

copy to clipboard without Flash

Zeno Rocha, Principal Developer Advocate at Liferay, joined the show to talk about DevRel, his open source work (clipboard.js, Dracula Theme, jQuery Boilerplate, Browser Diet, et al), and his passion for teaching and giving talks at conferences. Zeno also shared some really interesting stories about his first contributions to open source, how that played out, and the lessons learned along the way.