Codecanyon new Images and Media items

Pixly - React Mockup Editor (Images and Media)

2025-06-04 04:54:38

Pixly – React Mockup Editor

Pixly is a modern and highly customizable design editor built with React, designed to compete with platforms like Canva by offering a seamless, developer-friendly, and feature-rich experience. This editor empowers users to create stunning graphics, social media posts, presentations, posters, and more, while providing developers with a modular codebase for easy customization and integration. Built with performance, flexibility, and user experience in mind, React Design Studio combines the power of React with advanced design tools to deliver a professional-grade editing platform.

Demo Details

Demo Link

Features:

Drag and drop functionality for easy design manipulation
Customizable templates and assets
Layer management for complex designs
Export options for various formats
Intuitive user interface with a focus on usability

Technical Stack

React.js
TypeScript for type safety
Tailwind CSS
Shade/cn
Vite for fast development

TextBehind SaaS: AI Image Text Placement Behind Subject (Images and Media)

2025-04-29 16:52:59

Transform your images with TextBehind SaaS, the revolutionary web application that uses AI to effortlessly place text behind subjects in your photos. No manual masking, no complex software, just stunning visuals in seconds. Perfect for entrepreneurs, agencies, and developers looking to offer a cutting-edge image editing tool.

Demo Preview

Live Site: https://textbehindai.com

To help you explore the full functionality of TextBehind SaaS before purchasing, we’ve set up demo accounts. Please use these credentials to log in and test the features:

Admin Account:
- Username: admin@demo.com
- Password: AdminPassword123!
- (Use this to explore admin-specific features if applicable)
User Account:
- Username: user@demo.com
- Password: UserPassword123!
- (Use this to experience the app as a regular user)

Note: These are shared accounts for demonstration purposes. Please do not change passwords or store sensitive personal information. The data in these accounts may be periodically reset.

Unleash Creative Possibilities with TextBehind SaaS

TextBehind SaaS is more than just an image editor; it’s a complete, deployable Software-as-a-Service application built with Next.js, TailwindCSS, and powerful client-side AI. Offer your users an intuitive platform to create eye-catching graphics for social media, marketing, presentations, and more.

Key Features:

AI-Powered “Text Behind Subject” Magic:
- Automatically detects the main subject in any image.
- Intelligently places text layers behind the subject and in front of the background.
- Achieve professional depth effects with a single click – no manual masking needed!
100% Local Processing & Unmatched Privacy:
- All AI processing and image manipulation happen directly in the user’s browser.
- No images or data are sent to external servers for core editing tasks after initial asset load.
- Ensures maximum user privacy and eliminates API costs for image processing.
Rich Text Customization Suite:
- Extensive Font Library: Access a vast collection of Google Fonts, system fonts, and curated categories (Marketing, Handwriting, Display, etc.) with live preview and search.
- Full Control: Adjust font size, color (with color picker), X/Y position, and rotation (0-360°).
- Live Editing: See changes in real-time on the canvas.
40+ Professional Text Templates:
- Jumpstart creativity with a diverse library of over 40 pre-designed text templates.
- Categories include: Captions, Quotes, Promotional, Social Media, Marketing, Call to Action, Product Labels, and more.
- Easily customizable to fit any design.
Advanced Background Removal & Customization:
- One-click AI background removal.
- Set custom solid background colors or choose a transparent background (for PNG exports).
- Perfect for creating clean cutouts or replacing distracting backgrounds.
Intuitive Layer Positioning:
- Easily toggle text to appear “Behind Subject” or “In Front of Subject.”
- Fine-tune stacking order with z-index controls for multiple text elements.
Versatile Download Options:
- Export the Complete Image (subject, text, background).
- Download Subject Only (transparent PNG cutout).
- Export Subject with Text (transparent PNG with layered text).
- Download Background Only.
- Choose between PNG (for transparency) and JPEG formats.
Built as a Full SaaS Application:
- User Authentication: Secure sign-up, login, and user management (powered by Better Auth).
- Database Integration: PostgreSQL with Drizzle ORM for storing user data.
- Email Integration: Resend for transactional emails (password reset, etc.).
- Payment Ready: Integrated with Polar for easy subscription/product setup.
- Analytics: PostHog integration for tracking user engagement.
- Admin Dashboard: (If configured) for managing users and application settings.
Responsive & Modern UI:
- Built with Next.js 14 (App Router), React, TypeScript, and Tailwind CSS.
- Shadcn/ui components for a sleek, modern, and responsive user experience across devices.
Easy to Deploy & Customize:
- Ready to deploy on Vercel (recommended), Netlify, or other Node.js hosting.
- Clear documentation for setup and environment variable configuration.
- Full source code included for further customization and white-labeling.

Why Choose TextBehind SaaS?

Save Countless Hours: Eliminates tedious manual masking in traditional photo editors.
No Technical Skills Required for Users: Intuitive interface makes professional results accessible to everyone.
Cost-Effective Solution: One-time purchase for the full application. Local AI processing means no ongoing API fees for the core feature.
Privacy First: Empowers users with an editor that respects their data by processing locally.
Ready-to-Launch Business: Acquire a fully functional SaaS application, ready to be deployed and monetized.
Highly Marketable Feature: The “text behind subject” effect is visually appealing and in high demand for modern content creation.

Ideal For:

Entrepreneurs: Launch your own micro-SaaS image editing tool.
Marketing Agencies: Provide a unique value-added service to clients.
Web Developers: Integrate a powerful image editor into existing platforms or offer it as a standalone product.
Graphic Designers & Content Creators: A quick tool for creating engaging visuals.
Bloggers & Social Media Managers: Enhance posts with eye-catching text effects.

Technology Stack:

Frontend: Next.js 14 (App Router), React, TypeScript, Tailwind CSS, shadcn/ui
Backend (SaaS Features): Next.js API Routes, tRPC
AI: Client-side JavaScript model for background removal & subject detection
Authentication: Better Auth
Database: PostgreSQL with Drizzle ORM
Email: Resend
Payments: Polar
Analytics: PostHog
Deployment: Vercel (recommended), Netlify, Docker

What You Get:

Full Next.js Application Source Code.
Detailed Documentation for Setup, Deployment, and Customization.
All UI components and assets.
A ready-to-deploy SaaS product.

Elevate your image editing offerings or launch a new SaaS venture with TextBehind SaaS! Get your copy today and empower users to create stunning, professional graphics with ease.

For support, please refer to the Support section in the detailed HTML documentation or contact us via our CodeCanyon profile.

Shader Infinite Slider (Images and Media)

2025-04-29 16:39:33

What is Shader Infinite Slider

Experience a true 3D slider built with WebGL and Three.js. Enjoy smooth infinite scrolling and realistic item bending for a visually immersive effect.

Main features

Responsive Layout – Fully responsive and adaptable regardless of which device is used.

Desktop & Mobile Optimized -Shader Infinite Slider will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.

Lazy Scrolling/Loading – Option to initialize Shader Infinite Slider on scroll when the carousel is visible in the page, this way for example if the carousel is in a section that is not visible it will not be initialized, instead Shader Infinite Slider will be initialized only when the user will scroll to the section in which the carousel is added.

Customizable Size – SIS can be set to any width or height and placed anywhere on your page or app. Additionally, items size and ratio can be set as needed.

Preloader – Optional animated preloader.

Items Ratio – SIS can seamlessly change the items aspect ratio, allowing you to display any formats (portrait, landscape and any variation).

Customizable Color Theme – All aspects of the color theme can be customized—buttons, backgrounds, etc.

Infinite Loop – Optional infinite loop and non-infinite loop.

Horizontal and Vertical Layout – This is real 3D, so the camera position in 3D space can be customized as needed for both vertical and horizontal versions..

Noise Distortion – Customizable noise distortion for the items, example here.

Caption – Optional caption. The caption can be styled with CSS to match your visual design.

Mouse Ripple – Optional ripple effect triggered by mouse movement, with adjustable strength.

Black And White – Optional: Desaturate non-centered items. Items outside the center will appear in black and white.

Opacity strength – Optional: Set custom opacity for non-centered items. Items outside the center will appear with reduced opacity.

Snap – Optional: Snap – Automatically snap the closest item to the center.

Scroll speed strength – Customizable scroll speed – Fine-tune the scroll speed to match your desired experience.

Scroll scale strength – Customizable scroll speed – Fine-tune the scroll speed to match your desired experience.

Default And Scroll Curvature – Customizable default and scroll curvature – Adjust the item curvature at rest and while scrolling to suit your design.

Liquid Distortion – Customizable liquid distortion – Cusotmizable item liquid disotrtion based on the scroll speed.

Post Processing – Shaders that improve antialiasing for a crisp, clean look. Includes effects like grid distortion, fluid distortion, glitch distortion, after image and more.