Something I put off until a bit into a personal project is adding an icon library. But, it’s essential to a good user experience.

With Lucite there’s a fantastic open source option that’s easy to use. Add it to a React project like this:

npm install lucide-react

And then you’re ready to go:

import {Camera} from 'lucide-react';

const App = () => {
  return <Camera />;
};

export default App;

No more hacky iconography in my MVPs.