Web Development

Tailwind AutoSize Text Area Component for React

Tailwind custom TextArea component with auto grow height feature. Like Material UI auto size textarea component here is a similar Autosize TextArea using Tailwind... Read more »

2024 – Best GitHub Repos for Developers Reference

Explore the most valuable GitHub repositories in 2024, your essential resource hub for web development, hosting, and deployment. From comprehensive guides on design patterns... Read more »

AWS S3 File Upload using Fastify Multipart Example Code

Example code of File uploading to Amazon S3 using node fastify backend. Fastify uses Fastify multipart for image/ file uploading. Fastify Route - fileUpload.route.ts... Read more »

Mantine UI : Button Padding Change

How to customize button padding in Mantine UI Button component. Mantine UI core button padding customization code. styles={{ root: { padding: 5, margin: 0,... Read more »

Align Left Button Contents – Mantine UI Button

Align Left the contents in a button like icon, button text in mantine UI. Customizing Mantine button styles styles={{ inner: { justifyContent: 'flex-start' }... Read more »

Mantine UI – Notification with loader and update

Notify data update with notification - Mantine UI loader and then success or failure message notification with icons. Mantine Notification Loader icon and success... Read more »

Mantine UI : Custom style for mobile device

How to give custom css for mobile devices using mantine UI, React JS app example. import { useMediaQuery } from '@mantine/hooks'; function SelectLang({ languages,... Read more »

Mantine UI – Search Box for React App Code

Search Box made with mantine ui code, Search Box and Share Button <Group> <Input icon={<IconSearch size={16} />} variant="filled" placeholder="Search responses" radius="xl" size="sm" styles={(theme) =>... Read more »

Mantine UI – Loader in Page Center

Loading icon in Mantine ui with react js const loaderStyle: React.CSSProperties = { position: 'fixed' as 'fixed', left: '50%', top: '50%', transform: 'translate(-50%, -50%)',... Read more »

React JS – Mantine UI – Error notification Code with Icon

Display error notifications with icon, title, and error message in your React JS App using Mantine ui notifications. Sample Mantine UI error notification code... Read more »