What We Shipped - January 2nd

Community Contributions

Materio now makes it easier than ever for students to give back to the community. The new Community Contributions feature allows you to share your study materials directly through Materio, helping fellow students access resources that might otherwise be difficult to find.

How It Works

The contribution flow is designed to be straightforward and welcoming:

Choose Your Identity – Contribute using your Materio account, link your GitHub profile for attribution, or stay completely anonymous.
Select Your Course – Pick your semester and subject from the dynamic lists that match Materio’s existing structure.
Upload Your Materials – Share chapters, presentations, assignments, question banks, lab materials, previous year papers, reference books, lecture notes, handwritten notes, NPTEL content, and more.
Submit for Review – Your contribution goes through a review process before being added to help maintain quality.

Why Contribute?

Your notes could help hundreds of students ace their exams. Whether it’s that hard-to-find reference book, detailed handwritten explanations, or solved question papers – every contribution makes Materio more valuable for everyone.

The contribution form supports multiple file uploads with a 6MB limit, ensuring you can share comprehensive materials in a single submission.

Haptic Feedback

A tactile dimension to mobile interactions.

Materio now supports Haptic Feedback on mobile devices, bringing a subtle but satisfying physical response to your interactions. Using the Web Vibration API, this feature adds a tactile layer to the browsing experience that makes navigation feel more responsive and engaging.

What Gets Haptic Feedback?

The system includes carefully designed vibration patterns for different interactions:

Light taps for toggles, checkboxes, and radio buttons
Medium taps for buttons and navbar clicks
Strong taps for important actions like form submissions
Double taps for dropdown actions
Success patterns for completed actions
Tab switch patterns for navigation changes
Loading sequences that pulse while content loads, then confirm completion

Customizable Intensity

Not everyone wants the same level of feedback. That’s why the haptic system includes three intensity levels you can adjust from settings:

Minimal – subtle, barely-there feedback
Medium – balanced, noticeable feedback (default)
Strong – pronounced, unmistakable feedback

The intensity slider in settings lets you fine-tune the experience to your preference, and you can disable haptics entirely if you prefer a silent experience.

Smart Auto-Attachment

The haptic system automatically attaches feedback to interactive elements across the site – buttons, toggles, sliders, tabs, and dropdown items all receive appropriate feedback without requiring any additional setup. It even re-attaches haptics when new content loads dynamically, ensuring a consistent experience throughout your session.

Mermaid Diagrams in InsightRoom

Visualize complex concepts directly in your reading.

InsightRoom now supports Mermaid diagrams, bringing powerful visualization capabilities directly into posts and articles. This means you can now see mindmaps, flowcharts, finite state machines, automata diagrams, and more rendered beautifully within the content you’re reading.

Supported Diagram Types

The Mermaid integration supports a wide variety of diagram types:

Mindmaps – Perfect for organizing concepts hierarchically, great for revision and understanding topic relationships.

Flowcharts – Step-by-step process visualization, ideal for algorithms and decision trees.

Finite State Machines (FSM) – Essential for Theory of Computation and formal languages courses, now rendered as proper state diagrams.

Automata Diagrams – DFA, NFA, and other automata representations that bring theoretical concepts to life.

Sequence Diagrams – Useful for understanding interactions between components in software engineering.

Class Diagrams – Object-oriented design visualizations for OOPS and software design courses.

Theme-Aware Rendering

Diagrams automatically adapt to your current theme. In dark mode, diagrams use dark-friendly colors with proper contrast. Switch to light mode, and they adjust accordingly. This ensures diagrams remain readable and visually consistent with the rest of your reading experience.

Print-Ready

When you print an InsightRoom post, Mermaid diagrams are included at an appropriate size, making your printed notes complete with all the visual aids from the original article.

Flashcards in InsightRoom

Active recall made simple.

InsightRoom introduces Flashcards – an interactive way to test your knowledge while reading. Instead of passively consuming content, you can now engage with material through flip-card interactions that reinforce learning.

How Flashcards Work

Flashcards appear inline within posts where authors have included them. Each card presents a question or prompt on the front face. Click or tap to flip the card and reveal the answer. This simple interaction engages active recall, one of the most effective learning techniques.

When multiple flashcards are present, they’re organized in a smooth carousel that lets you swipe or click through the deck. Navigation arrows appear inline with the cards, keeping the interface clean while providing easy access to the full set.

Perfect for Exam Prep

Flashcards are especially valuable for:

Quick definitions – flip to see the meaning
Formula recall – question on front, derivation on back
Concept testing – scenario on front, answer on back
Key terms – term on front, explanation on back

Authors can embed flashcard sets directly into their posts, making study materials more interactive and engaging.

Other Changes

This update also includes refinements and fixes across the platform:

Mobile bottom sheet dismiss – Swipe down to close bottom sheet modals on mobile for a more intuitive dismissal gesture.
Improved dark mode persistence – Theme preferences now persist more reliably across sessions.
Performance optimizations – Reduced overhead in dynamic content loading.