- 44
- 13 948
Droip
Приєднався 6 жов 2023
Droip is a simplified and scalable WordPress no-code website builder. Its drag-and-drop visual builder allows you to create responsive websites without coding while offering enhanced reusability, customizability, accessibility, and many advanced integrated features. Whether you're a developer, designer, or beginner, Droip simplifies the entire design and development process, providing the ultimate no-code experience.
Discover Droip at: droip.com/
Discover Droip at: droip.com/
How to Add Google Fonts & Upload Custom Fonts in Droip
Ready to take your website design to the next level with stunning typography?
In this tutorial, we’ll show you how to:
✨ Add Google Fonts directly into Droip.
✨ Manage your installed fonts like a pro.
✨ Upload your own custom fonts using a simple webfont kit.
Follow our step-by-step guide to customize your website’s typography effortlessly and create unique, visually appealing designs.
#Droip #WebsiteDesign #Typography #CustomFonts
In this tutorial, we’ll show you how to:
✨ Add Google Fonts directly into Droip.
✨ Manage your installed fonts like a pro.
✨ Upload your own custom fonts using a simple webfont kit.
Follow our step-by-step guide to customize your website’s typography effortlessly and create unique, visually appealing designs.
#Droip #WebsiteDesign #Typography #CustomFonts
Переглядів: 43
Відео
Efficient Layouts With Grid & Flex
Переглядів 14916 годин тому
Grid and Flex are fundamental and versatile layout systems, your go-to tools for building responsive and well-structured websites. But why stop at one when you can combine them for a hybrid layout? This video demonstrates how the synergy of both systems creates a powerful and dynamic design, showcasing intricate layouts crafted effortlessly in Droip. So, without a delay, start with Droip today!...
Basics of Flex Layouts in Droip
Переглядів 8814 днів тому
Master Flex Layouts with Droip! 💻 In this video, we take a deep dive into Flex Layouts in Droip and show you how to create stunning, responsive designs effortlessly. 🎯 What You'll Learn: What is Flexbox, and how does it work? Step-by-step guide to creating a hero section with Flexbox. Designing a section with three dynamic cards. Practical tips on alignment, spacing, and responsiveness using Fl...
Basics of Grid Layouts
Переглядів 18914 днів тому
Grid is a rigid layout system offering precise control over rows and columns; ideal for complex web pages with multiple sections and varying content sizes. With Droip, you get access to grid controller mode, inline editor, and many other handy features to build your dream website effortlessly. So, why wait? Start creating with Droip today! 🎁 Get Droip: droip.com// 📄 See Documentation: droip.com...
Interactions | On Page Load
Переглядів 21721 день тому
The magic of adding interactions and animations to websites lies in captivating user attention and enhancing engagement. Page load interactions, in particular, play a crucial role in unveiling content and setting the foundation for a compelling user experience. Curious how? Dive into Droip’s "interaction panel" and design your own animated flows for stunning visual effects that bring your websi...
Progress Bar, Tilt effect & Side Scroll | Interactions In Droip
Переглядів 125Місяць тому
Enhance your website with Interactions & Animations in Droip! In today’s tutorial, we’ll show you how to add a Progress Bar, Horizontal Side Scroll, and a Tilt Effect to make your website both visually engaging and user-friendly: - Progress Bar: Help users track their position on the page as they scroll. - Horizontal Side Scroll: Create a unique scrolling experience for sections like “Our Team....
Cursor Object, Click Scroll & Text Color Shift | Interactions In Droip
Переглядів 154Місяць тому
Enhance your website with interactive elements: A Cursor Object that adds dynamic movement, Click Scroll for smooth navigation, and Text Color Shift to highlight content. Together, these features create a seamless and engaging experience, inviting users to explore every corner of your site. Try Droip today! Reference for hover effects: ua-cam.com/video/lEqxYTXouU8/v-deo.html 🎁 Get Droip: droip....
Scroll Into View & Scale on Mouse Click | Interactions In Droip
Переглядів 118Місяць тому
Bring your webpage to life with simple interactions! With Droip’s interaction panel, you can easily add effects that catch the eye and keep users engaged. In this video, we’ll cover the basics of scroll-into-view and mouse-click interactions. Jump in and start exploring Droip’s world of styling and animation today! 🎁 Get Droip: droip.com// 📄 See Documentation: droip.com/docs/system-requirements...
Hover & On Page Load Interactions | Interactions In Droip
Переглядів 1132 місяці тому
Whether you're looking to create smooth hover interactions or dynamic page load animations, this tutorial will show you how to use Droip's no-code tools to build engaging, interactive websites with ease. In this video, we explore how to enhance your website’s user experience by mastering hover and page load interactions in Droip! 🎁 Get Droip: droip.com// 📄 See Documentation: droip.com/docs/syst...
Effortlessly Build a Landing Page With Droip
Переглядів 6672 місяці тому
Effortlessly Build a Landing Page With Droip
Filter WordPress Posts Using Collection Element In Droip
Переглядів 823 місяці тому
Filter WordPress Posts Using Collection Element In Droip
Create Template Pages for All Collection Items
Переглядів 1213 місяці тому
Create Template Pages for All Collection Items
Creating Navbar With Droip: Part 3 (Responsive Navbar and Hero Section)
Переглядів 1983 місяці тому
Creating Navbar With Droip: Part 3 (Responsive Navbar and Hero Section)
Dynamically Display Collection Items as Lists with Droip’s Content Manager
Переглядів 1163 місяці тому
Dynamically Display Collection Items as Lists with Droip’s Content Manager
How to Add, Edit and Manage Collection Items
Переглядів 1223 місяці тому
How to Add, Edit and Manage Collection Items
Creating Navbar With Droip: Part 2 (Interactive Dropdown and the Hero Section)
Переглядів 2534 місяці тому
Creating Navbar With Droip: Part 2 (Interactive Dropdown and the Hero Section)
Introduction to Droip's Built-in Content Manager
Переглядів 1894 місяці тому
Introduction to Droip's Built-in Content Manager
Creating Navbar With Droip: Part 1 (Structuring Navbar)
Переглядів 3054 місяці тому
Creating Navbar With Droip: Part 1 (Structuring Navbar)
A Beginner's Guide To Building Forms In Droip
Переглядів 1404 місяці тому
A Beginner's Guide To Building Forms In Droip
Beginner’s Guideline to Droip’s Layer Panel: Workflow Managed Easily
Переглядів 1644 місяці тому
Beginner’s Guideline to Droip’s Layer Panel: Workflow Managed Easily
Exploring Elements Panel: Basic Building Blocks of a Web Page
Переглядів 2105 місяців тому
Exploring Elements Panel: Basic Building Blocks of a Web Page
Explore a World Of Styling Wonders With Droip's Style Panel
Переглядів 3005 місяців тому
Explore a World Of Styling Wonders With Droip's Style Panel
Design For Any Screen With Droip's Unlimited Custom Breakpoints
Переглядів 1775 місяців тому
Design For Any Screen With Droip's Unlimited Custom Breakpoints
Tailor Droip's Editor To Your Unique Preference
Переглядів 2485 місяців тому
Tailor Droip's Editor To Your Unique Preference
Install Droip, Add License Key, & Create New Page
Переглядів 5425 місяців тому
Install Droip, Add License Key, & Create New Page
Introducing Figma to Droip Auto Responsive
Переглядів 6076 місяців тому
Introducing Figma to Droip Auto Responsive
Reimagine Your Design Workflow with Droip: Harness Powerful Tools for Seamless Website Creation
Переглядів 2497 місяців тому
Reimagine Your Design Workflow with Droip: Harness Powerful Tools for Seamless Website Creation
Droip’s Media Manager: Manage Media Assets in WordPress Like Never Before
Переглядів 2538 місяців тому
Droip’s Media Manager: Manage Media Assets in WordPress Like Never Before