Mantine Reviews

CSS Modules Reviews

Mantine mentions (139)

• Generate PDF invoices in React with a live preview

  Back in invoice-app/. Install Oicana alongside Mantine for the UI:. - Source: dev.to / 3 months ago

• How I turned a Python function into a web app in one decorator

  The Next.js frontend has one dynamic route: /tools/[slug]. It fetches the manifest for that slug from the FastAPI backend, then renders the form using a custom renderer registry. Each x-nix.widget type maps to a Mantine component — textarea becomes a Textarea, dropdown becomes a Select, switch becomes a Switch, file becomes a file upload zone. - Source: dev.to / 3 months ago

• How to Build and Scale Design Systems: Starting with the Right Framework

  For any web application that involves rich client-side interactions, the perks of using React and having access to the ecosystem of tooling built around it (e.g. Redux Toolkit, React Native, TanStack, Next.js, as well as component libraries like Mantine) are undeniable. Its declarative API for turning state into UI is also easy enough to pick up for most (even if it requires experience to master). - Source: dev.to / 4 months ago

• Scotty v2.0.2 — Now Your Dashboard Tells You What to Clean

  Scotty is built on the WPBones framework — a Laravel-style architecture for WordPress plugin development. The React dashboard is powered by Mantine UI, giving you a modern, fast, and accessible interface. - Source: dev.to / 5 months ago

• Mantine SelectStepper: A Modern Alternative to Traditional Dropdowns

  In the world of modern web development, choosing the right UI component can make or break the user experience. Today, we're excited to introduce you to Mantine SelectStepper, a React component that revolutionizes how users interact with predefined option lists. Built on top of the powerful Mantine UI library, this component offers an elegant, intuitive alternative to traditional dropdown selects. - Source: dev.to / 8 months ago

CSS Modules mentions (13)

• Moving away from Tailwind, and learning to structure my CSS

  When I say css modules I mean something more akin to https://css-tricks.com/css-modules-part-1-need/. - Source: Hacker News / 4 months ago

• On why I prefer not to use elm-css

  ..., CSS Modules, CSS-in-JS, and Tailwind when I'm not constrained to do so. - Source: dev.to / almost 2 years ago

• Is there really no better way to isolate styles across components than CSS modules?

  From what I read about CSS modules, the style isolation provides some guard rails to prevent things like random bits of global style or having colliding rules all over the place. This makes a lot of sense, but even on huge projects, I never really have those problems. I've disciplined myself to pair a component file with a CSS file (MyComponent.jsx + MyComponent.css) and keep global styles to a minimum. Source: over 3 years ago

• Components with separate styles - how to do?

  Any time you import CSS files into a module, that CSS becomes active on EVERY component in your entire project, so that's not really a good way to go about it. It essentially creates a tag inside the final rendered html with all of your CSS within it. If you have two CSS files, and they both have a class of .myClass then they will step on each other and cause bad things to happen to your... Source: over 3 years ago

• Why do bigger websites have the weirdest class and id names?

  They are probably using css modules. Source: over 3 years ago