#typescript #browser #design #devtool #electron #figma #frontend #hacktoberfest #local_first #low_code #nextjs #no_code #react #tailwindcss #typescript #ui #vitejs #webflow

Onlook is a tool for designers that lets you make live edits to your website or web app directly in the browser. It works with React and TailwindCSS, allowing you to customize your design and control your code easily. You can download the app from onlook.com or build it from source. Onlook helps you edit elements by right-clicking them to find their exact location in the code, making your design process faster and more efficient. Stay updated with new features through their newsletter or social media channels. This tool is especially beneficial because it streamlines your design and coding workflow, saving you time and effort.

https://github.com/onlook-dev/onlook

#typescript #admin #admin_ui #ant_design #crud #developer_tools #frontend_framework #good_first_issue #graphql #hacktoberfest #headless #internal_tools #javascript #low_code #nestjs #nextjs #open_source_project #react #react_framework #react_hooks #typescript

Refine is a powerful tool for building complex web applications, especially those that involve a lot of data operations (CRUD - Create, Read, Update, Delete). It simplifies the development process by providing pre-built solutions for key aspects like authentication, access control, routing, and state management. Refine works well with various UI frameworks and platforms, making it highly customizable. You can start a new project quickly using a simple command or even try it in your browser. This saves time and effort, allowing you to focus on the unique parts of your application. Additionally, Refine has extensive documentation and a supportive community, making it easier to learn and use.

https://github.com/refinedev/refine

#javascript #adblocking #backend #browsersync #bypass #bypass_recaptchav3 #fastify #frontend #https_proxy #javascript #node #nodejs #onion_service #proxy #socks5_proxy #tor #trending #unblocker #vpn #webproxy #websocket

Holy Unblocker LTS is a web proxy service that helps you access blocked websites. It can bypass various types of web filters, including those on your network or browser. Here are the key benefits You can visit sites like YouTube, Discord, Reddit, and more even if they are blocked.
- **Multiple Proxies** You can browse Tor/Onion sites in any browser using the Settings menu.
- **Ad Blocking** The service features a library of games, including HTML5 games, flash games, and emulators.
- **Self-Hosting**: You can self-host Holy Unblocker for maximum privacy control using free or paid deployment options.

Overall, Holy Unblocker LTS provides a robust solution for bypassing censorship and accessing a wide range of online content securely.

https://github.com/QuiteAFancyEmerald/Holy-Unblocker

#python #frontend #gui #interaction #interface #interfaces #python #robotics #scripting #toolkit #webapp #website

NiceGUI is a simple and powerful tool to create user interfaces using Python. It lets you make buttons, dialogs, 3D scenes, plots, and more, all accessible in your web browser. It's great for small web apps, dashboards, robotics projects, and smart home solutions. You can easily install it using `pip` and start creating your GUI with just a few lines of code. The benefit is that it's easy to use, automatically reloads when you change the code, and offers many features like notifications, custom colors, and interactive elements, making it a versatile tool for various projects.

https://github.com/zauberzeug/nicegui

#typescript #backend #chakra_ui #docker #fastapi #frontend #json #json_schema #jwt #letsencrypt #openapi #postgresql #python #react #sqlmodel #swagger #tanstack_query #tanstack_router #traefik #typescript

This template helps you quickly set up a full-stack application using FastAPI for the backend and React for the frontend. It includes tools like PostgreSQL for the database, Docker Compose for development and production, and secure features like JWT authentication and password recovery. The template also supports dark mode, automatic HTTPS certificates, and continuous integration and deployment through GitHub Actions. You can easily clone or fork the repository and customize it using environment variables. This makes it easy to start building your application quickly and securely.

https://github.com/fastapi/full-stack-fastapi-template

#typescript #android #app_framework #expo #framework #frontend #ios #javascript #mobile #native #native_apps #react #react_native #typescript #universal #web #web_framework

Expo is a tool that helps you make apps for Android, iOS, and the web using React and JavaScript. It simplifies the development process by handling complex tasks, allowing you to focus on features. Expo offers fast setup, easy access to native features like the camera, and painless updates without needing store approvals. You can write one codebase and deploy it across multiple platforms, saving time and effort. Expo also has a strong community and flexible workflows, making it easier to find help and customize your app as needed.

https://github.com/expo/expo

#typescript #alternative #converter #data_manipulation #developer_tools #devtools #frontend #good_first_issue #image_manipulation #image_processing #javascript #pdf_manipulation #productivity #react #self_hosted #swissarmyknife #tools #typescript #video_manipulation #webapp #website

OmniTools is a self-hosted web app that helps with many tasks like image and video editing, number crunching, and more. It offers tools for resizing images, converting videos, calculating dates, and generating prime numbers. You can run it on your own computer using Docker, which means your data stays local. This app is open-source and free, allowing you to contribute new features or tools easily. Using OmniTools simplifies many everyday tasks and keeps your data private.

https://github.com/iib0011/omni-tools

#other #beginner #contribution #contributions_welcome #css #frontend #hacktoberfest #html #javascript #open_source #opensource #php #projects #python #react

You can find a well-organized collection of coding project ideas divided into three skill levels: beginner, intermediate, and advanced. Each project includes clear goals, user stories, optional bonus features, and helpful resources, making it easier for you to build and extend your projects. This helps you improve coding skills, experiment with new technologies, and create impressive portfolio pieces to attract employers or clients. The list covers various technologies like JavaScript, Python, React, MERN stack, and blockchain, with tutorials and design resources included. You can also contribute ideas and examples to grow the collection and get community support. This resource saves you time and inspires your learning journey.

https://github.com/The-Cool-Coders/Project-Ideas-And-Resources

#typescript #editor #frontend #game_development #game_engine #gamedev #nodejs #playcanvas #typescript #ui

The PlayCanvas Editor is a powerful, browser-based tool for creating 3D WebGL, WebGPU, and WebXR apps with real-time collaboration, live editing, and no compile time, letting you build and test projects quickly on any device. It supports advanced graphics features like glTF 2.0, clustered lighting, and WebXR for AR/VR experiences. You can also set up a local development environment to customize or extend the editor using open-source libraries. This means you can develop interactive 3D content faster, collaborate easily, and test directly on mobile or desktop, improving your workflow and project quality[1][2][3][4].

https://github.com/playcanvas/editor

#javascript #awesome #frontend #weekly

You can access a weekly updated collection of carefully selected, in-depth articles on front-end development, covering cutting-edge technologies, source code analysis, back-end insights, business thinking, design patterns, compiler principles, algorithms, and more. This resource includes practical guides on JavaScript, React, TypeScript, and other key tools, plus advanced topics like machine learning and data visualization. It helps you stay current with industry trends, deepen your technical skills, and improve your coding and architectural understanding, making your development work more efficient and informed. Following this can boost your expertise and career growth in front-end development.

https://github.com/ascoders/weekly